Discussion :

[Gwenved]

Pour une application WEB, je veux déplacer une image dans son 'div' avec la souris ( plus ergonomique que les scrollbars ).
Pour cela, j'ai utilisé les evenements de la souris, je passe bien dedans.
Mais avec Firefox, j'ai une partie de l'image qui se colle en filligrane au curseur ( comme pour copier l'adresse de l'image ).

J'ai essayé les 'event.stopPropagation();' sans succès.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
        $("#imgJpeg").mousedown(
                function(event)
                {
                    event.stopPropagation();
                    mouseX = event.pageX;
                    mouseY = event.pageY;
                    dragging = true;
                });
        $("#imgJpeg").mousemove(
                function(event)
                {
                    event.stopPropagation();
                    if( dragging && ( (!$.browser.msie && event.button == 0) || ($.browser.msie && event.button == 1) ) )
                    {
                        $(".imgView").scrollLeft( $(this).scrollLeft() - event.pageX + mouseX );
                        $(".imgView").scrollTop( $(this).scrollTop() - event.pageY + mouseY );
                    }
                });
        $("#imgJpeg").mouseup(
                function(event)
                {
                    dragging = false;
                });

[Gwenved]

Resolu simplement avec JQuery UI

Code :

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

$("#imgJpeg").draggable();