Système Drag&drop de boutons sur des champs input

Bonjour,
Après recherche sur le forum (javascript), je n'ai pas trouvé de piste permettant de mettre en place un tel système.

L'idée serait de déplacer des boutons sur des champs input="text"
afin d'y insérer le data-attribut du bouton déplacé.

Quelqu'un aurait une idée ou une piste ?
Vous remerciant

Bonjour,

Citation:

---

Quelqu'un aurait une idée ou une piste ?

---

voir discussion : Drag and drop méthode setData pour dataTransfert, tu devrais trouver un début de réponse voir plus ;)

Ok NoSmoking, merci.
Je vais étudier ce post qui a l'air bien complet, super.

Super,
J'ai étudié le code super !!!

Pour alimenter des input
1- j'ai ajouter des inputs avec des id
2- dans handleDrop récupère l'id de la zone de drop (j'ai donné une id (groupe_1, groupe_2...) aux groupes

Code:

---

1 2	id=zone.getAttribute('id').replace('groupe_',''); console.log('handleDrop zone '+zone.getAttribute('id')+' id '+id);

---

3- toujours dans handleDrop je vide l'input voulu puis le rempli

Code:

---

1 2 3 4 5 6

//INPUT // vider input document.getElementById('input_'+id).value=''; // add to input document.getElementById('input_'+id).value=elem.getAttribute('data-value'); console.log(elem.getAttribute('data-value'));

---

Super, merci beaucoup.

Une questio faut-il absoulement que ce soit des listes <ul> et <li> ?

Citation:

---

Une questio faut-il absoulement que ce soit des listes <ul> et <li> ?

---

non dans l'exemple fourni c'était simplement sémantiquement justifié, liste de noms.

Ok,
super.
Merci