Bonjour à tous,
Mon script ne fonctionne pas et je ne vois pas bien pourquoi.
Le but est de déplacer avec la souris une image placée dans un div
Je suis sous IE.

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
function startMouseListening()
{
    if(navigator.appName.substring(0,3) == "Net")
    {
        document.captureEvents(Event.MOUSEMOVE);
        document.onmousemove = Move;
    }
}
 
function StartDrag()
{
     myDiv=document.createElement('<DIV>');
     myDiv.ID='DIV_drag';
     myDiv.innerHTML="<img src='./images/view.png'>";
     myDiv.className="drag_style";
     document.body.appendChild(myDiv);
     startMouseListening();
 
}
 
function Move(e)
{
 
    x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
	y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
	window.status = "Souris X:"+x+" / Y:"+y;
	myDiv.style.setAttribute('left',x+15);
	myDiv.style.setAttribute('top',y+10);
}
 
 
</script>
</head>
<body>
<div id='zone'>
    <img src='./images/view.png' onmousedown="StartDrag()">
</div>
</body>
</html>
Pouvez vou sme dire ce qui ne va pas ? si la logique est à peu près correcte, etc ...

Merci pour votre aide !!!