Discussion :

[feelwatt]

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

[NoSmoking]

Bonjour,

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

[feelwatt]

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

[feelwatt]

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 js :

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

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 js :

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

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> ?

[NoSmoking]

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.

[feelwatt]

Ok,
super.
Merci