+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Drag and Drop (/showthread.php?tid=5102)
Drag and Drop - popayan - 22-08-2010
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,...)?
RE: Drag and Drop - niahoo - 22-08-2010
JQuery UI !
RE: Drag and Drop - Sephi-Chan - 22-08-2010
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
RE: Drag and Drop - srm - 22-08-2010
RightJS : http://rightjs.org/goods/drag-and-drop
RE: Drag and Drop - popayan - 22-08-2010
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?
RE: Drag and Drop - php_addict - 22-08-2010
(22-08-2010, 01:35 PM)popayan a écrit : 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?
RE: Drag and Drop - popayan - 22-08-2010
J'aimerais récupérer la grille, en gros où se trouve les éléments que je viens de déposer.
RE: Drag and Drop - zeppelin - 22-08-2010
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!
RE: Drag and Drop - djidi - 22-08-2010
Pour jQuery UI, regarde la méthodes "toArray" : .sortable( "toArray" ).
Citation :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".
RE: Drag and Drop - popayan - 23-08-2010
Je vais surement me tourner vers jQuery et droppable (drop, dropout devrait suffire)