Drag and Drop

[popayan]

Bonjour,

J'aimerai créer un système avec du drag and drop où on pourrait déplacer des éléments dans une grille et pouvoir récupérer ensuite un tableau représentant la grille.

Quel techno me conseillez vous (flash, html5,...)?

[niahoo]

JQuery UI !

[Sephi-Chan]

Javascript.
Avec jQuery-UI, les deux modules Draggable et Droppable feront sans doute l'affaire. Jette un œil aux exemples, c'est riche et bien documenté (et on est là pour t'aider si tu n'y arrives vraiment pas) !


Sephi-Chan

[srm]

RightJS : http://rightjs.org/goods/drag-and-drop

[popayan]

J'ai commencé à regarder du coté de JQuery. Du coté de l'affichage pas de gros soucis, en 15min j'ai réussi a avoir un rendu assez proche de l'idée que je me faisais. Reste a voir comment récupérer les informations... si vous pouvez me donner une piste, en ajax, je présume?

[php_addict]

Reste a voir comment récupérer les informations... si vous pouvez me donner une piste, en ajax, je présume?

les infos de quoi? pourquoi AJAX et pas JS uniquement?

[popayan]

J'aimerais récupérer la grille, en gros où se trouve les éléments que je viens de déposer.

[zeppelin]

Pourquoi ne pas simplement définir un array en javascript, que tu mets à jour à chaque drop? Tu pourras ensuite l'envoyer avec un submit tout simple!

[djidi]

Pour jQuery UI, regarde la méthodes "toArray" : .sortable( "toArray" ).

Serializes the sortable's item id's into an array of string. If you have

<ul id="a_sortable"><br>
<li id="hello">Hello</li><br>
<li id="goodbye">Good bye</li><br>
</ul>

and do

var result = $('#a_sortable').sortable('toArray');

then

result[0] will contain "hello" and result[1] will contain "goodbye".

[popayan]

Je vais surement me tourner vers jQuery et droppable (drop, dropout devrait suffire)