nicht angemeldet
Elemente mit document.getElementById klonen...
Hallo,
das Klonen mit document.getElementById('test').cloneNode(true); klappt schon, allerdings soll der zu klonende Bereich eine Variable enthalten und ich habe leider keine Ahnung, wie ich das realisieren soll...
Hier mein Quellcode:
<html>
<head>
<script language="javascript">
<!--
var counter = 0;
function moreFields()
{
counter++;
var newFields = document.getElementById('test').cloneNode(true);
newFields.id = '';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++)
{
var theName = newField[i].name
if (theName)
newField[i].name = theName + counter;
}
var insertHere = document.getElementById('writeroot');
insertHere.parentNode.insertBefore(newFields,insertHere);
}
// -->
</script>
</head>
<body onLoad="if (parent.erin) parent.erin('domform'); moreFields()" onUnload="if (parent.eruit) parent.eruit('domform')">
<table>
<tr>
<th>
<span id="writeroot"></span>
</th>
</tr>
</table>
<div id="test" style="display: none">
<input type="button" value="Aufklappen" onClick="moreFields()">
<input type="button" value="Entfernen" onClick="this.parentNode.parentNode.removeChild(this.parentNode);"><br>
<img src="bild[X].gif">
</div>
</body>
</html>
Wie ihr sehen könnt, wird hier der Bereich id=test geklont, dieser enthält den html-Befehl <img src="bild[x].gif> - Beim ersten klonen (Klick auf den Button "Aufklappen") soll hier bild1.gif stehen, beim zweiten Klonen bild2.gif usw... Wie kann ich das realisieren?
Ich hoffe, dass ich mich deutlich genug ausgedrückt habe, wenn dennoch Fragen offen geblieben sind, dann schreibt einfach kurz und ich werde versuchen meine Frage deutlicher zu stellen...
Vielen Dank im Voraus,
Malte
-
das Klonen mit document.getElementById('test').cloneNode(true); klappt schon, allerdings soll der zu klonende Bereich eine Variable enthalten und ich habe leider keine Ahnung, wie ich das realisieren soll...
Du willst ja nur das Bild ersetzen. Wieso änderst Du nicht mit den DOM-Methoden von JS die Node?
-
das Klonen mit document.getElementById('test').cloneNode(true); klappt schon, allerdings soll der zu klonende Bereich eine Variable enthalten und ich habe leider keine Ahnung, wie ich das realisieren soll...
Du willst ja nur das Bild ersetzen. Wieso änderst Du nicht mit den DOM-Methoden von JS die Node?
Hi,
Vielen Dank für deine schnelle Antwort. die Antwort auf deine Frage ist einfach: Weil ich keine Ahnung habe, wie ich das realiserien kann :). Kannst du mir vielleicht einen Ansatzpunkt geben, wie ich das realsieren kannGruß,
Malte-
Vielen Dank für deine schnelle Antwort. die Antwort auf deine Frage ist einfach: Weil ich keine Ahnung habe, wie ich das realiserien kann :). Kannst du mir vielleicht einen Ansatzpunkt geben, wie ich das realsieren kann
Hätte ja einen Link gebaut, aber das ging nicht...
http://www.quirksmode.org/?dom/intro.html
-
Vielen Dank für deine schnelle Antwort. die Antwort auf deine Frage ist einfach: Weil ich keine Ahnung habe, wie ich das realiserien kann :). Kannst du mir vielleicht einen Ansatzpunkt geben, wie ich das realsieren kann
Hätte ja einen Link gebaut, aber das ging nicht...
http://www.quirksmode.org/?dom/intro.html
Hi,
Ich muss ja den Node ändern, bevor ich eine Klon bilde, oder?---
counter++;
document.getElementById('test').nodeValue="bla bla"+counter+"bla bla";
var newFields = document.getElementById('test').cloneNode(true);
---Wäre nett, wenn du mir sagen könntest, was ich falsch gemacht habe...
Gruß,
Malte
-
-
-