Discussion :

[Mohand.B]

Bonjour,

J'utilise "draggable" et "droppable" sur mon site. J'ai plusieurs éléments "drag" et un élément "drop".

Je voudrais pouvoir faire apparaître un texte en fonction du "drag" déposé dans le "drop".

Mais il semble qu'aucun attribut ne distingue un drag déposé d'un autre... peut-être que je me trompe, je le souhaite.


Merci d'avance de l'attention que vous pourrez porter à mon problème.

[NoSmoking]

Bonjour,
il existe les événements drag et drop qui fournissent les informations sur l'élément actif.

[Mohand.B]

Merci pour ta réponse.

J'ai bidouillé un peu mais je ne parvins toujours à faire ce que je veux : détecter quel "drag" a été placé dans l'unique "drop".

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
$( function() 
{
	$( "#drag1" ).draggable();
	$( "#drag2" ).draggable();
	$( "#drag3" ).draggable();
});
 
	$("#circle" ).droppable({
     drop: function( event, ui ) {
          console.log('dropped !');
 
	$( "#drag2" ).on( "drop", function( event, ui ) {
	console.log('drag2 dropped !');
			});
      }});