Deplacer une image à l'écran

**Rémiz** · 15/08/2005, 23h19

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...

Cela serait pour faire un petit jeu de dames. Voici le code

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
<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...

**denisC** · 16/08/2005, 09h06

Il est bien le seul à bouger, seulement, il bouge de façon fort peu prévisible.

Je ne sais pas trop pourquoi, mais je te conseille de regarder cette page:
http://torvalds17.free.fr/partiePubl....php5?script=1

Torvalds a écris ce script d'info bulles qui se déplacent avec la souris. A mon avis, tu as interet à récuperer ce script, ou tout au moins à regarder les mechanismes qui enregistrent les déplacements de la souris....

Deplacer une image à l'écran

JavaScript

Discussions similaires

Partager

Partager