Bonjour,

Je rencontre un problème. Je ne sais pas du tout comment limiter mon nombre de drop a 3.

merci de votre aide.

mon html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<body>
<div id="droppable"></div>
<div id="draggable">
     <li id="1">item1</li>
     <li id="2">item1</li>
     <li id="3">item1</li>
     <li id="4">item1</li>
    .........
</div>
</body>
je ne sais même pas si c est la bonne méthode ou si il faut plutôt utiliser la fonction sortable ...
mon javascript :
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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
$(function(){
var q7=$("#1,#2,#3,#4,#5,#6,#7,#8,#9,#10");
$.each(q7,function(){
	$(this).draggable({ revert: 'invalid' });
});
 
var limit = 3;
var nbdrop = 0;
 
$("#droppable").droppable({
			accept: ".1",
			tolerance: 'fit',
			drop: function(event, ui) {
			nbdrop++;
			//alert(nbdrop);
			var objet_drop = $(ui.draggable); // L'élément drop 
            var nameid = objet_drop.attr('id'); // ID de l'élément drop 
			$.get("ajax/ajou.php",{statut:"add",id:nameid});
			}
 
		});
 
		$("#draggable").droppable({
 
			drop: function(event, ui) {
			nbdrop--;
			var objet_drop = $(ui.draggable); // L'élément drop 
            var nameid = objet_drop.attr('id'); // ID de l'élément drop 
			$.get("ajax/ajou.php",{statut:"sup",id:nameid});
			}
		});
 
 
});