nicht angemeldet
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