[Javascript] déplacement de div suivant souris

**LE NEINDRE** · 20/06/2006, 16h23

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>