nntp2http.com
Posting
Suche
Optionen
Hilfe & Kontakt

for iteration bricht ab

Von: nos (admin@netstreams.org) [Profil]
Datum: 27.05.2008 12:06
Message-ID: <50aa25b6-a956-49d8-8a73-9b25a7f4a1af@z66g2000hsc.googlegroups.com>
Newsgroup: de.comp.lang.javascript
hallo zusammen
Ich versuch den inhalt einer liste die auf einen text input folgt
ersetzen. Das funktioniert auch, aber leider nur mit dem ersten input.
Wenn ich die funktion "setListUpdateLinks" aufrufe geht es zwar einmal
durch deren for-Schlaufe, bricht aber nach der ersten Iteration ab.
Hat da jemand ne Ahung was ich da falsch mach?
Vielen dank schonmal
gruss ben




<html><head><title>Test</title>

<script type="text/javascript">

// li elements array
function getLI_arr(inputs) {
var sibling = inputs.nextSibling;
if (sibling.nodeType != 1) sibling = sibling.nextSibling;
var liElements = sibling.getElementsByTagName('li');
return liElements;
}

// replace content of elements
function replaceLIdata(liElements){
for (i=0;i<liElements.length;i++) {
var nodelength = liElements[i].firstChild.length;
var nodedata = liElements[i].firstChild.data;
liElements[i].firstChild.replaceData(0,nodelength,nodedata
+". .. ..test");
}
}

function setListUpdateLinks() {
var inputs = document.getElementsByTagName("input");
alert("input length: "+inputs.length);
for ( i=0; i<inputs.length; i++ ) {
alert("for: "+i);
if ( inputs[i].className == "listupdate-input" ) {
alert("if: "+i);
var liElements = getLI_arr(inputs[i]);
replaceLIdata(liElements);
}
}
}


function init() {
setListUpdateLinks();
}
</script>

</head>
<body onload="init()">

<div style="border:1px solid gray;">
<input type='text'  class="listupdate-input" name="Categories"
value='Cat1 Cat2 Cat3' size="50"/>
<ul>
<li name="test">Cat1</li>
<li>Cat2</li>
<li>Cat3</li>
<li>Cat4</li>
<li>Cat5</li>
</ul>
</div>
<br />
<div style="border:1px solid gray;">
<input type='text'  class="listupdate-input" name="Categories"
value='Cat1 Cat2 Cat3' size="50"/>
<ul>
<li name="test">Cat1</li>
<li>Cat2</li>
<li>Cat3</li>
<li>Cat4</li>
<li>Cat5</li>
</ul>
</div>


</body>
</html>
[ Auf dieses Posting antworten ]

Antworten