Titre

Déplacer l'ordre des éléments d'une liste en jQuery

Modifier l'ordre d'éléments en Drag and Drop dans une page web à l'aide de jQuery UI

L'exemple donné dans le zip attaché à cet article affiche une page web avec 4 éléments.
L'ordre de ces éléments peut être modifié par un drag and drop

Si vous regardez le code contenu dans index.htm
vous constaterez qu'on fait appel à une bibliothèque jquery et jquery ui
On charge également une fonction nommée DragAndDrop contenue dans jquery.DragAndDrop.js

Les éléments déplaçables doivent être dans une balise ul

Cette balise ul est elle même dans une div.
On assigne un nom de classe à cette div.
On passe ce nom de classe à la fonction.

Téléchargement(s)

NomSite Web d origineDescription
8803_Tut_Jquery_deplaceme....zip qui contient le code complet de l'exemple