Bonjour,

Débutant en javascript j'essaie de faire un petit script permettant au passage de la souris sur une image de déplacé une autre image.

Pour ça aucun soucis l'image est décalé comme je le souhaite, mais ce décalage ne s'effectue qu'une seule fois, j'ai essayé de faire des fonctions que j'appelle avec "onmouseover" et "onmouseout" pour débuté et arrêté le déplacement mais cela ne fonctionne pas.

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
 
// La fonction de déplacement de l'objet	
function bouge(x,y)
{
 
 	if(document.getElementById)
	{
		hautimage += y;
		gaucheimage += x;
		document.getElementById("smile").style.top =hautimage;
		document.getElementById("smile").style.left = gaucheimage;
	}
 
}
 
// la fonction pour initialisé un déplacement
 
function start(x,y,dep)
{
     while(dep)
     {
         bouge(x,y);
      }
}
 
function stop()
{
    dep=false;
}
Puis dans le code xhtml :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
 
 
< img src="./blabla.jpg" onmouseover="start(-10,0,true);" onmouseout="stop()">
Je précise que l'image que je veut déplacer est inséré en javascript de cette manière :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<SCRIPT LANGUAGE="javascript">
var hautimage = 300;
var gaucheimage = 300;
document.write('<IMG SRC="./images/smile.gif" ID=smile STYLE="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');
</SCRIPT>
Cordialement.