Création d'un drag and drop

TraxX
Javascript

Bonjour,

je viens vers vous pour chercher de l'aide, car je n'y connais pas grand chose en jQuery.
Dans une de mes pages je voudrais mettre en place un module de drag and drop sur un liste <ul><li> avec des <span>.

Ma liste se construit via les données contenues dans ma base de données. Dès que ma liste de produits est générée dans un droparea via le drag and drop, je clique sur le bouton validé du formulaire je dois juste récupérer les id de chaque enregistrement sous la forme :
10,11,12,13 etc..

Es ce que quelqu'un aurait une piste à me donner que je puisse mettre cela en oeuvre?

Merci d'avance à vous tous pour votre aide.
Cordialement.

4 réponses

Nonathy

Si tu as besoin d'un drag & drop pour un upload je te conseille d'aller voir ce tutoriel : http://www.grafikart.fr/tutoriels/jquery/upload-drop-172

Si c'est pour une sorte de réorganisation de menu, il y a ce tutoriel : http://www.grafikart.fr/tutoriels/jquery/jqueryui-sortable-89

N'hésite pas à développer davantage le but de cette création afin que l'on puisse t'aider :)

TraxX
Auteur

Merci à toi de me répondre, mon projet n'es pas un upload de fichier ni une réorganisation de menu.
Je récupère une liste d'article dans la colonne de gauche de ma page, et du côté droit j'ai un droparea qui va permettre de sélectionner que les articles souhaités.

liste 1 -----> DROPAREA
Liste 2 bouton VALIDER votre selection.
liste 3
etc

Après j'ai juste un bouton validé, qui va me rediriger vers une page qui elle va se charger de me reconstruire et mettre en forme dans un tableau les articles sélectionnés, afin de pouvoir en faire un export en csv.

Cordialement.

Nonathy

A mon avis tu auras besoin de ceci : http://jqueryui.com/droppable/, si tu ne connais pas, c'est un plugin jquery qui va te permettre de faire ce que tu veux, c'est à dire déplacer un élément de ta page vers une autre div.

Maenhyr

Je suis plutôt d'accord avec Nonanthy là dessus. les plugins de jQuery UI fonctionnent très bien, et tu peux supprimer leur style pour t'en faire un perso. Ca permet de gagner pas mal de temps en développement.