Deplacer une image à l'écran
Bonsoir,
En fait je voudrais déplacer une image en fonction des coordonnées du curseur de souris, mais quand j'applique la fonction, les autres images de l'écran bougent n'importe comment... 8O Cela serait pour faire un petit jeu de dames. Voici le code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <html>
<head>
<SCRIPT LANGUAGE="Javascript">
<!--
function deplacer(num)
{
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+" pion: "+num;
document.images["p_vert"+num].hspace=x-25;
document.images["p_vert"+num].vspace=y-25;
}
// -->
</SCRIPT>
</head>
<body>
<img src="piece1.gif" name="p_vert1" width="50" height="50" hspace="0" vspace="0" onMouseMove="deplacer(1)">
<img src="piece2.gif" name="p_vert2" width="50" height="50" hspace="100" vspace="0" onMouseMove="deplacer(2)">
<img name="plateau" hspace="300" vspace="100" src="plateau.gif" width="500" height="500">
</body>
</html> |
Pour comprendre le problème cliquez ici : http://rendezvouseil.free.fr/dames/java.htm et faites bouger le pion vert en vous mettant dessus. Normalement il devrait être le seul à bouger...
