nicht angemeldet
Hallo zusammen!
Folgende DHTML-Problemstellung möchte ich mal zur Diskussion stellen: Die List Items <li> einer Unordered List <ul> sollen nachträglich dynamisch verschoben, also in ihrer Reihenfolge geändert werden.
<div id="list-container">
<ul id="liste">
<li id="li-01">Punkt 1</li>
<li id="li-02">Punkt 2</li>
<!-- weitere <li> -->
<li id="li-98">Punkt 98</li>
<li id="li-99">Punkt 99</li>
</ul>
</div>
Die <li> werden von einer JavaScript-Funktion bereits dynamisch erzeugt und per `document.write()´ geschrieben.
Das Ganze soll auf einer fertig geladenen XHTML-Seite passieren und per JavaScript-Funktionsaufruf (moveUp(listItem)´, moveDown(listItem)´) natürlich beliebig oft ausführbar sein.
Mein Lösungsansatz ging in Richtung Zugriff auf die <li>-Elementknoten in der Annahme, dass man sie als Kindelemente der <ul> ansprechen können müsste. Also etwa document.getElementById("liste").childNodes[e].nodeName´ (e´ sei hier ein Elementschleifenzähler). Aber bereits das will einfach nicht gelingen bzw. liefert völlig unerwartete Resultate (z.B. friert Firefox ein)!
Kann mir vielleicht bitte jemand einen leichten Klapps auf den Hinterkopf geben? ;-)
Muchas gracias!
Suntoucher
JürgenB