Discussion :

[Benjiijneb]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

plusieurs puces avec une div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

[Benjiijneb]

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

[Benjiijneb]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<ul id='thelist2'>

mes puces avec cette fois un id:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et mon script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?