[Scriptaculous] Obtenir le rang d'un élément dans une SortableList [Résolu]

[Alp]

Salut à tous,

Voici un code que j'utilise pour créer une SortableList :

Code :

1
2
 
Sortable.create('alp',{tag:'li',overlap:'horizontal',constraint:false});

placé dans alp_list.js.

J'appelle le script avant le code suivant :

Code html :

1
2
3
4
5
<ul id="alp">
  <li>élément 1</li>
  <li>élément 2</li>
  etc...
</ul>

Tout va bien, mes éléments bougent et changent de place selon mes drags&drops.

Toutefois, j'aimerais lorsque l'on finit de déplacement un élément, pouvour exécuter un code php qui permet de dire que l'ordre a changé à une base de données.

En particulier, il me faudrait pour cela savoir deux choses :
- Comment exécuter une fonction lorsque l'on drop un élément ?
- Comment récupérer le rang (la position) d'un élément de la liste à la fin de ce drop ?

Je vous remercie d'avance pour votre aide et le temps passé sur mon problème.

[Bovino]

Code :

Sortable.create('alp',{tag:'li',overlap:'horizontal',constraint:false, ,onUpdate:uneFonction});

onUpdate passe directement le conteneur de tes sortables, que tu peux ensuite traiter puis utiliser une requête Ajax pour mettre à jour ta base.

[Alp]

Tu veux dire que uneFonction doit être à un argument, en l'occurence la liste des éléments au moment du drop ?

Par contre aurais-tu une idée pour ce qui est de récupérer l'index d'un élément ?
Je pense éventuellement identifier uniquement les galeries par un, moyen ou un autre, et le rang sera défini par mon parcours de la liste (premier élément : rang 1, etc...). Mais je n'ai pas trouvé de code de parcours de SortableList

Merci

[Bovino]

Non, uneFonction aura d'emblée le conteneur de tes éléments en argument et tu n'as pas à le préciser il me semble. Ceci dit tu peux en préciser d'autres, mais le premier sera dans ton cas $('alp') (c'est à dire l'élément conteneur étendu par Prototype).

Pour ce qui est du rang, il existe la méthode Sortable.serialize('alp') qui te crées directement ta chaine parameters pour la requête.
Ceci dit, pour l'utiliser, il faut que tes éléments aient des id du type :

Code :

1
2
3
<li id="monid_1"></li>
<li id="monid_2"></li>
<li id="monid_3"></li>...

[Alp]

Ok merci beaucoup