Discussion :

[Meloooo]

Bonjour,
Je travail avec SVG et Jquery.
Sur ma zone de dessin j'ai plusieurs rectangles, lorsqu'on clique sur un des rectangles on peut le déplacer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
$('rect').bind('mousedown', function(e){
        x = e.target.parentNode.getAttribute('id');
    $('rect').bind('mousemove', function(e){
       $('#'+x).attr('transform' , 'translate('+e.pageX+', '+e.pageY+')');  
    });
    $('rect').bind('mouseup',function(){
        $('#'+x).unbind('mousemove');  
    });

Mon souci, c'est lorsque je lache la souris, je suis obligé de recliqué pour quitter le mode 'move' alors qu'il doit s'arrête dès que j'ai laché la souris...
Avez-vous une idée de ce qui manque dans mon code ?
Merci de votre aide

[SpaceFrog]

=> drag & drop ...
dragable() ...

[Bovino]

C'est normal, tu affectes un événement à un élément et tu le supprimes sur un autre...

[Invité]

Salut,

Tu fais le bind de 'mousemove' sur 'rect', et le unbind de 'mousemove' sur ('#' + x)

EDIT : Wow ! quelle synchronisation !

[Meloooo]

Merci de vos réponses aussi rapide !
SpaceFrog : sans être sur de moi, mais il me semble que draggable() ne fonctionne pas avec Jquery SVG.

Et Bovino & Enerian : parfait, c'était ca, vraiment bête comme "erreur" !

Merci beaucoup et bonne journée !

[SpaceFrog]

http://pastebin.com/j64LhtTZ