Discussion :

[rreennaauudd]

Bonjour,

soit côté html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et jquery:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[danielhagnoul]

Bonsoir.

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

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: }

[rreennaauudd]

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".

[marcha]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[rreennaauudd]

Super, merci!!