nicht angemeldet
Hallo zusammen!
Ich hab ein Problem: ich will dynamisch Einträge in eine Liste machen (geht auch prima) und einen remove-Link dazu. Der soll per onClick die Einträge wieder entfernen. Nun weiß ich nicht, wie die Syntax lauten muss, da das onClick bereits bei Erzeugung des Links aufgerufen wird. Dafür passiert nichts mehr, wenn man den Link anklickt :-( Die komplette Testseite steht da unten... Hoffe, jmd kann mir helfen.
Gruß, KitCat
<html><head><title>Test</title></head>
<body>
<ol id="Liste">
</ol>
<script type="text/javascript">
var liNummer = 0;
function insert(){
liNummer++;
var newLI = document.createElement("li");
var identifier = document.createAttribute("id");
identifier.nodeValue = "li"+liNummer;
newLI.setAttributeNode(identifier);
document.getElementById("Liste").appendChild(newLI);
var newLIText = document.createTextNode('Das ist Listeneintrag Nummer ' + liNummer);
document.getElementById("li"+liNummer).appendChild(newLIText);
var newLILink = document.createElement("a");
var linkId = document.createAttribute("id");
linkId.nodeValue="link"+liNummer;
newLILink.setAttributeNode(linkId);
var linkHref = document.createAttribute("href");
linkHref.nodeValue="#";
newLILink.setAttributeNode(linkHref);
document.getElementById("li"+liNummer).appendChild(newLILink);
var newLinkText = document.createTextNode(' rem');
document.getElementById("link"+liNummer).appendChild(newLinkText);
document.getElementById("link"+liNummer).onClick=remove(liNummer);
}
function remove(nr){
alert("nummer: "+nr);
//document.getElementById("Liste").removeChild(document.getElementsByTagName("li")[liNummer]);
}
</script>
<a href="#" onClick="insert()">click</a>
</body></html>
Struppi