Discussion :

[crackers-belin]

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.

[E.Bzz]

Bonjour,
pour te répondre, il faudrait aussi voir les fonction start() et stop() que tu devrait d'ailleurs appeler par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onmouseout="stop();"

A+

[crackers-belin]

Elles sont dans le premier block de code =)

Même en apellant la fonction par onmouseout="stop();" je n'obtient rien.
A+

[E.Bzz]

Elles sont dans le premier block de code =)

Même en apellant la fonction par onmouseout="stop();" je n'obtient rien.

Arf !
J'avais pas scrollé

Il faut que tu transformes ton paramètre "dep" en variable globale, visiblement

A+

[crackers-belin]

Autant pour moi j'avais oublié ça, avant la fonction "bouge", je déclare dep de cette manière :

var dep=false;

[andry.aime]

Salut,
dep est une paramètre de la fonction start et reste toujours true ce qui implique le boucle infinie que tu ne peux pas accéder depuis la fonction stop.

[E.Bzz]

dep est une paramètre de la fonction start et reste toujours true ce qui implique le boucle infinie que tu ne peux pas accéder depuis la fonction stop.

Voilà
=> Vire le paramètre de la fonction, pour que "dep" fasse toujours référence à la variable globale.

A+

[E.Bzz]

=> Vire le paramètre de la fonction, pour que "dep" fasse toujours référence à la variable globale.

A+

[crackers-belin]

J'ai modifié mon code de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function start(x,y)
{
	dep=true;
	while(dep)
	{
		bouge(x,y);
	}
}
 
function stop()
{
	dep=false;
}

Et il ne se passe toujours rien

[crackers-belin]

aurait tu une idée pour évité ce problème de boucle infini, en rapellant la fonction start avec dep=false, ça pourrait fonctionné ?