par
Yosh » 24 mars 2011, 00:11
+1
Il est possible de cloner un élément lors du drop avec JQuery, je te conseille de bien fouiner la démo.
Ce qui te permet d'avoir ta liste de joueur en dessous de ton terrain de basket, tu défini les points sur le terrain comme étant droppable et lorsque tu drop une image d'un joueur de type draggable, tu le clone en le mettant à la position de ton point (en ajoutant une classe .selected par exemple, Cf. ci-dessous)
Pour récupérer les joueurs positionnés, il te suffit de faire un toArray sur une classe (ta classe défini lors du drop/clonage = .selected), ce qui te permet de récupérer en javascript un tableau d'élement.
Avec des id bien définis et des classes css, tu le peux le faire assez facilement.
EDIT: ce n'est qu'une façon de faire, tu peux aussi stocker les id des joueurs lors du drop dans un tableau. etc...
[quote="jojolapine"]Bonjour,
Un coup d'oeil peut déjà être jeté par ici : http://jqueryui.com/demos/draggable/ et également ici : http://jqueryui.com/demos/droppable/
Ensuite pour récupérer la position, un début de réponse ici : http://stackoverflow.com/questions/1646492/jquery-ui-drag-drop-getting-position-from-multiple-draggables[/quote]
+1
Il est possible de cloner un élément lors du drop avec JQuery, je te conseille de bien fouiner la démo.
Ce qui te permet d'avoir ta liste de joueur en dessous de ton terrain de basket, tu défini les points sur le terrain comme étant droppable et lorsque tu drop une image d'un joueur de type draggable, tu le clone en le mettant à la position de ton point (en ajoutant une classe .selected par exemple, Cf. ci-dessous)
Pour récupérer les joueurs positionnés, il te suffit de faire un toArray sur une classe (ta classe défini lors du drop/clonage = .selected), ce qui te permet de récupérer en javascript un tableau d'élement.
Avec des id bien définis et des classes css, tu le peux le faire assez facilement.
EDIT: ce n'est qu'une façon de faire, tu peux aussi stocker les id des joueurs lors du drop dans un tableau. etc...
