[Javascript] déplacement de div suivant souris
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:
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 !!!
