JQUERY Drag & Drop : ma div reste collée a ma souris

JQUERY Drag & Drop : ma div reste collée a ma souris - HTML/CSS - Programmation

Marsh Posté le 07-04-2011 à 17:22:15    

Bonjour, j'ai un problème plutôt énervant,  
je viens de me remettre au java-script et surtout a l'utilisation de JQUERY  
 
j'ai entrepris de faire un petit logiciel qui est celui-ci  
 
 
 

Code :
  1. var GlobMaxZoneTemp = 0 ;
  2. function AddZone(x,y){
  3.  var newDiv= document.createElement('Div');
  4.  newDiv.setAttribute("class",'draggable');
  5.  newDiv.setAttribute("style",'left: '+ x +'px; top: '+ y +'px;');
  6.  GlobMaxZoneTemp = GlobMaxZoneTemp + 1;
  7.  newDiv.id = "ZoneTemp" + GlobMaxZoneTemp;
  8.  document.body.appendChild(newDiv);
  9.  RezActivateur(newDiv.id)
  10. }
  12. function DelZone(id){
  13.  document.body.removeChild(document.getElementById(id))
  14. }
  15. function RezActivateur(id){
  16.  //$("#"+id).contextMenu({ menu: 'MenuZone'},function(action) {
  17.  // if( action == "delZ" ){
  18.  //  DelZone(id);
  19.  // }
  20.  // if( action == "lieZ" ){
  21.  // }
  22.  //}
  23.  //);
  24.  $("#"+id).resizable({ disabled: false });
  25.  $(".draggable" ).draggable();
  26.  $("#"+id).click(function(){
  27.   $(".draggable" ).css('background-color', 'blue');
  28.                         $("#"+id).css('background-color', 'Green');
  29.  });
  30. }
  31. $(document).ready(function() {
  32.  $(".draggable" ).resizable({ disabled: false });
  33.  $("#droppable" ).droppable({drop: function() {}});
  34.  $("#droppable" ).contextMenu({ menu: 'MenuAjout'},function(action, el, pos) {
  35.   if( action == "addZ" ){
  36.    AddZone(pos.docX,pos.docY)
  37.   }
  38.  });
  39. });


 
le principe est de créer des div de les déplacer de pouvoir les redimensionner et faire différentes actions via des menus contextuel
 mon problème est que la partie en commentaire qui est nécessaire a l'apparition du menu contextuel quand elle n'est pas en commentaire bien-sur empêche a ma souris quand j'utilise la drag & drop de lâcher la div ,pour la lâcher je suis obligée de faire un clic droit assez laborieux ,une idée ?

Reply

Marsh Posté le 07-04-2011 à 17:22:15   

Reply

Marsh Posté le 08-04-2011 à 07:31:25    

probleme lors du "onmouseup"

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed