Bonjour à tous,

je suis tout débutant en javascript.

J'ai besoin de faire déplacer une image sur ma page, j'ai écrit une fonction qui est appelée par un bouton:

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
<head>
<SCRIPT LANGUAGE=JavaScript>
 
function bougeauto2()
    {
    if(document.getElementById)
        {for(compteur=1;compteur<400;compteur++){
        hautimage ++;
        gaucheimage ++;
        document.getElementById("smile").style.top = hautimage;
        document.getElementById("smile").style.left = gaucheimage;
 
                                                }
        }
     }
 
</SCRIPT>
 
 
</SCRIPT>
</HEAD>
<Body>
 
<SCRIPT LANGUAGE="javascript">
var hautimage = 100;
var gaucheimage = 100;
document.write('<IMG SRC="Nénuphars.jpg" height=100  width=150 ID=smile STYLE="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');
</SCRIPT>
</body>

L'image se déplace bien mais tellement rapidement que ça ne donne rien d'intéressant. J'ai donc modifié mon script comme suit:

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
 
<head><SCRIPT LANGUAGE=JavaScript>
function bougeauto2()
    {
     if(document.getElementById)
      {
        hautimage ++;
        gaucheimage ++;
      if (gaucheimage < 400)
         {setTimeout('bougeauto2()', 200);}
}
 
</SCRIPT>
</HEAD>
<Body>
 
<SCRIPT LANGUAGE="javascript">
var hautimage = 100;
var gaucheimage = 100;
document.write('<IMG SRC="Nénuphars.jpg" height=100  width=150 ID=smile STYLE="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');
</SCRIPT>
</body>

Avec cette modification, ça ne marche pas, l'image ne se déplace pas du tout... Il y a bien entendu une erreur mais je ne la trouve pas.
Si vous pouvez m'aider SVP

Merci d'avance
Philippe