Discussion :

[morhead]

Bien le bonjour, je viens faire appel à votre aide encore une fois.

Principe :

Sur le l'évènement "stop" d'une div draggée je souhaite que la div draggée :
-soit revienne à sa position d'origine si elle n'est pas droppée dans une zone autorisée.
-soit prenne place dans une div mais de manière précise comme une pièce de puzzle.


Je ne peux pas utiliser la methode .position(), il faudra la meme chose mais non pas avec x,y mais avec l'aide du DOM.

Z'avez une piste ?

Le drag'n drop est terminé(je n'utilise pas de sortable), me manque "cette petite" finition.

[SpaceFrog]

en jquery ?

http://dorkage.net/blog/2010/06/06/h...-jigsaw-works/

http://innovativephp.com/demo/puzzles/

[morhead]

Oui en jqueryUI excuse moi.

Pour faire ce que je veux ne faut il pas que je fasse un delete de la div sur le stop et que je clone cette div draggée dans la div container?

[SpaceFrog]

pourquoi deleter ...
suffit de l'appender , il s'agit bien de deplacer ? pas de cloner des elements ...

[morhead]

Il faut que la div droppée puisse etre draggable a tout moment.
Ce qui complexifie un peu non ?
Mon contenu de div draggée est alimenté dynamiquement via php.

Je vois l'append comment le faire en gros mais ca fait usine a gaz non ?

J'admet etre un peu largué ^^

[danielhagnoul]

Pour le retour d'un UI Draggable, il y a les méthodes revert et revertDuration.

Pour accepter un drop, il y a la méthode scope (Draggable et Droppable) en plus de la méthode accept (Droppable).

Pour le positionnement d'un UI Draggable dans un UI Droppable, il y a les méthodes Draggable : snap, snapMode et snapTolerance.

Voir : http://jqueryui.com/demos/draggable/ et http://jqueryui.com/demos/droppable/