cloneNode() - was mache ich falsch?

Plague · 16.07.2008, 10:49

Hallo,

ich möchte eine Tabelle die sich in einem DIV befindet clonen und noch mal übergeordneten DIV hinzufügen (praktisch soll einfach die Tabelle noch mal dargestellt werden). Dabei hab ich mich stark an dem Beispiel von SALFHTML orientiert. Leider funktioniert es nicht. Hier meine Funktion.

Code:

<script type="text/javascript">
<!--
function clone_this()
{
p = document.getElementById("ziel"); //zu kopieren
p_prime = p.cloneNode(true);
document.getElementById("all_ziel").firstChild.nodeValue += p_prime.firstChild.nodeValue; //all_ziel ist das übergeordnete DIV

}
//-->
</script>

Kann jemand sagen was ich falsch mache?

Gruß
Thomas

phpdummi · 16.07.2008, 11:22

Was sagt Firebug dazu?
Stell mal bitte ein Beispiel online, wir wissen z.B. nicht ob p = document.getElementById("ziel"); //zu kopieren überhaupt etwas zurückliefert.

Plague · 16.07.2008, 11:26

Firebug gibt keinen Fehler aus!

Eine richtige (online-) Seite kann ich dir leider nicht liefern. Aber wenn du das in eine HTML Datei zusammen mit der Funktion packst hast du den gleichen Stand wie ich...

Code:

<div id="all_ziel">
<div id="ziel"><table width="100%">
<tr>
<td width="205" valign="top" style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
<input type="text" id="from_anschrift" size="20" class="input_best" style="width: 200px;"></td>
<td width="65" valign="top"  style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
<input type="text" id="from_plz" size="20" class="input_best" style="width: 60px;"></td>
<td width="213" valign="top"  style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
<input type="text" id="from_ort" size="20" class="input_best" style="width: 200px;"></td>
<td width="60" valign="top"  style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
[img]add.png[/img]
[img]delete.png[/img]</td>
<td width="49" height="20" valign="top" bgcolor="#F2F2F2"></td>
</tr>
</table></div>
</div>

phpdummi · 16.07.2008, 11:58

firstChild liefert dir bei einer Debug-Ausgabe (alert) immer folgendes zurück: [object Text].
Also einfach das richtige Kind (das zweite) selektieren und anschließend per appendChild() hinzufügen.

Code:

   <div id="all_ziel">
		<div id="ziel">
			<table width="100%">
				<tr>
					<td width="205" valign="top" style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
						<input type="text" id="from_anschrift" size="20" class="input_best" style="width: 200px;">
					</td>
					<td width="65" valign="top"  style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
						<input type="text" id="from_plz" size="20" class="input_best" style="width: 60px;">
					</td>
					<td width="213" valign="top"  style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
						<input type="text" id="from_ort" size="20" class="input_best" style="width: 200px;">
					</td>
					<td width="60" valign="top"  style="padding-top: 3px;" height="20" bgcolor="#F2F2F2">
						[img]add.png[/img]
						 [img]delete.png[/img]
					</td>
					<td width="49" height="20" valign="top" bgcolor="#F2F2F2">
						
					</td>
				</tr>
			</table>
		</div>
	</div>
   <script type="text/javascript">
		//<![CDATA[
		
		function clone_this()
		{
			p = document.getElementById("ziel"); //zu kopieren
			p_prime = p.cloneNode(true);
			document.getElementById("all_ziel").childNodes[1].appendChild(p_prime.childNodes[1]); //all_ziel ist das übergeordnete DIV
		}
		
		clone_this();
		//]]>
	</script>

Plague · 16.07.2008, 12:09

ich weiÃŸ nicht ob ich mich doof anstelle, aber bei mir kommt da nichts gescheites!
Zitat: document.getElementById("all_ziel").childNodes[1] is undefined

phpdummi · 16.07.2008, 12:24

Steht dein Javascript-Code vor oder nach dem von dir geposteten HTML-Code?

Plague · 16.07.2008, 12:25

nach dem HTML-Code...

phpdummi · 16.07.2008, 14:06

Ich kann den Fehler nicht reproduzieren.
Stell mal bitte ein (abgespeckte) Version deines Quelltextes online.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
XML Export - Zeichen teilweise falsch und kauf. UND	Eviandem	PHP Tipps 2008	3	29.05.2008 05:46
HILFE: zurücksenden von Mails deren Mailadresse falsch ist		PHP Tipps 2006	3	01.05.2006 12:50
phpmyadmin stellt UTF8-Zeichen falsch dar	ajo_silent	Datenbanken	3	24.04.2006 18:48
Was ist daran falsch ?		PHP Tipps 2006	11	30.01.2006 21:30
[CSS] Firefox zeigt die Seite falsch an [CSS]	I-Spy	HTML, Usability und Barrierefreiheit	7	03.01.2006 11:51
Umlaute werden falsch dargestellt		Datenbanken	2	12.10.2005 13:28
Datum aus SQL Datenbank wird per PHP falsch dargestellt		PHP Tipps 2005-2	5	18.09.2005 11:40
[Erledigt] Was ist da falsch???		Datenbanken	2	26.08.2005 11:44
Buchstaben bei Datenaexport aus DB falsch uebertragen		Datenbanken	2	25.08.2005 14:51
Was ist daran falsch		PHP Tipps 2005-2	11	27.07.2005 11:29
unset wirkungslos...was mach ich falsch		PHP Tipps 2004-2	13	21.12.2004 17:22
mysql_fetch_assoc Problem.. Was ist hier falsch...	Ente	PHP Tipps 2004-2	7	28.11.2004 13:27
Was ist an dieser Include Anweisung falsch??	Beatbox	PHP Tipps 2004	3	29.09.2004 21:08
Abfrage wird falsch sortiert	juhuwoorps	Datenbanken	2	04.09.2004 19:36
Datensätze werden falsch angezeigt(Tabellen)		PHP Tipps 2004	3	24.07.2004 20:18

16.07.2008, 10:49
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	cloneNode() - was mache ich falsch? Hallo, ich möchte eine Tabelle die sich in einem DIV befindet clonen und noch mal übergeordneten DIV hinzufügen (praktisch soll einfach die Tabelle noch mal dargestellt werden). Dabei hab ich mich stark an dem Beispiel von SALFHTML orientiert. Leider funktioniert es nicht. Hier meine Funktion. Code: <script type="text/javascript"> <!-- function clone_this() { p = document.getElementById("ziel"); //zu kopieren p_prime = p.cloneNode(true); document.getElementById("all_ziel").firstChild.nodeValue += p_prime.firstChild.nodeValue; //all_ziel ist das übergeordnete DIV } //--> </script> Kann jemand sagen was ich falsch mache? Gruß Thomas


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

16.07.2008, 11:22
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	Was sagt Firebug dazu? Stell mal bitte ein Beispiel online, wir wissen z.B. nicht ob p = document.getElementById("ziel"); //zu kopieren überhaupt etwas zurückliefert.

16.07.2008, 12:09
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	ich weiÃŸ nicht ob ich mich doof anstelle, aber bei mir kommt da nichts gescheites! Zitat: document.getElementById("all_ziel").childNodes[1] is undefined

16.07.2008, 12:24
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	Steht dein Javascript-Code vor oder nach dem von dir geposteten HTML-Code?

16.07.2008, 12:25
Plague Erfahrener Benutzer Registriert seit: 08.03.2005 Beiträge: 476	nach dem HTML-Code...

16.07.2008, 14:06
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	Ich kann den Fehler nicht reproduzieren. Stell mal bitte ein (abgespeckte) Version deines Quelltextes online.