[Résolu] [Jquery] ui droppable limiter nombre de drop

Marsh Posté le 02-12-2009 à 11:16:22

bonjour,

je rencontre un problème. je ne sais pas du tout comment limiter mon nombre de drop a 3. c'est a dire je ne veut que l'utilisateur puisse faire plus de 3 drop dans la div #droppable. actuellement je limite le nombre d'insertion dans le script php de l appel ajax. si il y a déjà 3 ligne dans la bdd on ajout plus mais spa top..

merci de votre aide.

mon html :

Code :

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

$(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});
}
});
});

Message édité par d@kn1ko le 04-12-2009 à 10:09:23

Reply

Marsh Posté le 02-12-2009 à 11:16:22

Reply

Marsh Posté le 02-12-2009 à 16:21:50

tu peux utiliser l'option accept pour vérifier combien d'élément ont déja été droppés:

Code :

accept: function(draggable) {
return nbdrop < 3;
},

au lieu de

Code :

accept: ".1",

Message cité 1 fois

Reply

Marsh Posté le 03-12-2009 à 10:06:48

pataluc a écrit :

tu peux utiliser l'option accept pour vérifier combien d'élément ont déja été droppés:

Code :

accept: function(draggable) {
return nbdrop < 3;
},

au lieu de

Code :

accept: ".1",

oui apres lecture de la doc j ai vu qu'on pouvait mettre une fonction callback mais pas moyen de trouver un exemple clair

v tester :hello:

merci bien

Message cité 1 fois

Reply

Marsh Posté le 04-12-2009 à 09:35:47

d@kn1ko a écrit :

oui apres lecture de la doc j ai vu qu'on pouvait mettre une fonction callback mais pas moyen de trouver un exemple clair

v tester :hello:

merci bien

ca marche nikel

Reply

[Résolu] [Jquery] ui droppable limiter nombre de drop

Sujets relatifs:

Leave a Replay