d@kn1ko | 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
|