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
Partager