arcuce | 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 :
- var GlobMaxZoneTemp = 0 ;
- function AddZone(x,y){
- var newDiv= document.createElement('Div');
- newDiv.setAttribute("class",'draggable');
- newDiv.setAttribute("style",'left: '+ x +'px; top: '+ y +'px;');
- GlobMaxZoneTemp = GlobMaxZoneTemp + 1;
- newDiv.id = "ZoneTemp" + GlobMaxZoneTemp;
- document.body.appendChild(newDiv);
- RezActivateur(newDiv.id)
- }
- function DelZone(id){
- document.body.removeChild(document.getElementById(id))
- }
- function RezActivateur(id){
- //$("#"+id).contextMenu({ menu: 'MenuZone'},function(action) {
- // if( action == "delZ" ){
- // DelZone(id);
- // }
- // if( action == "lieZ" ){
- // }
- //}
- //);
- $("#"+id).resizable({ disabled: false });
- $(".draggable" ).draggable();
- $("#"+id).click(function(){
- $(".draggable" ).css('background-color', 'blue');
- $("#"+id).css('background-color', 'Green');
- });
- }
- $(document).ready(function() {
- $(".draggable" ).resizable({ disabled: false });
- $("#droppable" ).droppable({drop: function() {}});
- $("#droppable" ).contextMenu({ menu: 'MenuAjout'},function(action, el, pos) {
- if( action == "addZ" ){
- AddZone(pos.docX,pos.docY)
- }
- });
- });
|
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 ? |
