Drag and Drop : extraire le nom de l'élément

bonjour a tous,
je suis débutant en ajax et je travaille actuellement sur un systeme de drag and drop ou l'on pourrait déplacer des éléments(ici, des puces) pour les mettre dans un certain ordre.

voici le principe:

une liste avec un id:

Code:

---

echo "<ul id='thelist2'>";

---

plusieurs puces avec une div:

Code:

---

1 2 3 4 5 6 7

echo "<li style='list-style-type:none;'><div >";   echo "<b class='verdana2'>";   echo $rubrique[$id_rubrique];   echo "</b></div><br></li>";

---

et a la fin un bout de code javascript:

Code:

---

1 2 3 4 5 6

<script type="text/javascript" language="javascript" charset="utf-8"> // <![CDATA[ Position.includeScrollOffsets = true; Sortable.create('thelist2'); // ]]> </script>

---

le tout utilisant des librairies ajax (prototype)

j'arrive a déplacer mes puces en les mettre dans un certain ordre cependant j'aimerais que lors d'un déplacement j'arrive a extraire le nom de la puce superieur et celui de la puce inférieur, comment faire?

merci d'avance :wink:

en repérant l'indice du childNode dans le parent et en récupérant le i+1 et i-1

:oops: pas compris, qu'est-ce que le childnode?

de plus je peux déplacer mes puces a l'endroit ou je veux dans la liste

j'ai modifié mon code, j'ai toujours ma liste:

Code:

---

<ul id='thelist2'>

---

mes puces avec cette fois un id:

Code:

---

1 2 3 4

echo"<li id=$i><div>" . "<b class='verdana2'>" . $titre . "</b><br><br></div></li>";

---

et mon script:

Code:

---

1 2 3 4

<script type="text/javascript" language="javascript" charset="utf-8"> Position.includeScrollOffsets = true; Sortable.create('thelist2'); </script>

---

comment faire maintenant que lors d'un tri, c a dire au relachement du bouton de la souris, la page s'actualise avec les données triées?