Utiliser setTimeout avec Display block ou none

Version imprimable

Bonjour,

Besoin d�un petit coup de pouce, car je bloque sur ce script avec setTimeout.
Surement d�j� expliqu�.
L�objectif principal �tant d�afficher une image au d�marrage de ma page et que celle-ci disparaisse quelques secondes plus tard.
Je pensais trouver la solution avec display en le modifiant par none ou block.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <head> <title></title> <script type="text/javascript"> function delai_img() { document.getElementById("img_accueil").style.display = "block"; setTimeout(function delai_img() document.getElementById("img_accueil").style.display = "none"; , 5000); } </script> </head> <body> <img id="img_accueil" alt="" src="img.gif" style="border: 2px #0D96DA dotted;width:100px;height:50px; "/> </body> </html>
J'ai essay� avec Load dans body, mais sans r�sultat.

Cordialement,
Merci,

Bruno

28/01/2015, 15h20
yahiko

Avant toute chose, si tu utilises la m�thode getElementById, tu dois t'assurer que ta page est bien charg�e avant d'ex�cuter ton code.

Donc, place ton script JS � la du HTML, ou mieux, inclut l'appel de ta fonction principale dans un window.onload.

EDIT: d'autant plus que je remarque que tu n'appelles nulle part la fonction que tu as d�fini, ce qui risque de poser un souci.

De plus, tu defini ta fonction plusieurs fois...
Je pense que ceci (non test�) peu te servir de piste :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <title></title> </head> <body> <img id="img_accueil" alt="" src="img.gif" style="display:block; border: 2px #0D96DA dotted;width:100px;height:50px; "/> <script type="text/javascript"> function delai_img() { setTimeout(function(){ document.getElementById("img_accueil").style.display = "none";} , 5000); } delai_img(); </script> </body> </html>
Peut �tre devra tu utiliser :

Code:

document.getElementById("img_accueil").setAttribute("style", "display:none");

Code:

1 2 3 4 5 6 function delai_img() { setTimeout(function(){ document.getElementById("img_accueil").style.display = "none";} , 5000); } delai_img();
Dans ce cas, l'utilisation d'une fonction me semble quelque peu superf�tatoire... :aie:
Code:

1 2 3 setTimeout(function(){ document.getElementById("img_accueil").style.display = "none";} , 5000);
revient au m�me. ;)

28/01/2015, 15h43
tepaze

Oui... C'est juste pour laisser l'opprtunit� de lancer le setTimeout � convenance...
28/01/2015, 15h48
Bovino

T'en fais pas, moi c'�tait juste pour placer "superf�tatoire" dans une discussion du forum ! :mouarf:
28/01/2015, 15h50
yahiko

Ce qui est indubitablement superf�tatoire :mouarf:

(indubitablement plac� !)
28/01/2015, 16h36
tepaze

Citation:

Envoy� par Bovino

T'en fais pas, moi c'�tait juste pour placer "superf�tatoire" dans une discussion du forum ! :mouarf:

Bravo, d�fi relev� :-)
28/01/2015, 16h45
SpaceFrog

Quoi y'a une super f�te � Thouars ?

Bonsoir � vous,

Merci, excellent....
J'ai opt� pour :
Code:

1 2 3 4 setTimeout(function(){ document.getElementById("img_accueil").setAttribute("style", "display:none");} , 5000);
Merci beaucoup.