Récupérer infos drag&drop avec jquery

Bonjour,

soit côté html:

Code:

---

1 2	<div class="draggable" title="drag">Drag</div> <div class="droppable" title="drop">Drop</div>

---

et jquery:

Code:

---

1 2 3 4 5 6 7 8 9

$(function(){ $(".draggable").draggable({ opacity: 0.5, helper: 'clone' }); $(".droppable").droppable({ accept: '.draggable', drop: function(event, ui) { // ici } }); });

---

Comment récupérer "ici" le node l'original event. Quand j'arrive "ici", le this est celui du target mais comment récupérer les infos du div source?

Merci d'avance,
Renaud

Bonsoir.

Voir la doc : http://jqueryui.com/demos/droppable/

Citation:

---

The jQuery UI Droppable plugin makes selected elements droppable (meaning they accept being dropped on by draggables). You can specify which (individually) or which kind of draggables each will accept.

All callbacks receive two arguments: The original browser event and a prepared ui object, view below for a documentation of this object (if you name your second argument 'ui'):

ui.draggable - current draggable element, a jQuery object.
ui.helper - current draggable helper, a jQuery object
ui.position - current position of the draggable helper { top: , left: }
ui.offset - current absolute position of the draggable helper { top: , left: }

---

J'ai bien vu, mais ni la doc ni l'exemple ne montrent comment exploiter ce qu'il y a dans event ou comment récupérer des infos du div "drag" quand on arrive dans le "drop".

Salut,

Tu devrais avoir tout ce qu'il te faut dans ui.draggable

Par exemple, si tu veux connaitre l'id de l'élément:

Code:

---

var id = ui.draggable.attr('id');

---

Super, merci!!