Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

AFFICHE UN MESSAGE PENDANT LE CHARGEMENT DE LA PAGE


Information sur la source

Catégorie :Trucs & Astuces Niveau : Débutant Date de création : 03/04/2003 Date de mise à jour : 03/04/2003 20:16:29 Vu : 10 351

Note :
6 / 10 - par 5 personnes
6,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note

Description

Copiez/coller
et c'est dans la poche !
;-)
 

Source

  • <html>
  • <head>
  • <title>Chargement de la page</title>
  • <!-- DEBUT DU SCRIPT -->
  • <STYLE TYPE="text/css">
  • <!--
  • #cache {
  • position:absolute; top:200px; z-index:10; visibility:hidden;
  • }
  • -->
  • </STYLE>
  • </head>
  • <body onLoad="cacheOff()">
  • <DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#FFFF00 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#000000 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Courrier" SIZE=4 COLOR=#FFFF00>veuillez patienter pendant le chargement de la page</FONT></TD> </TR></TABLE></TD> </TR></TABLE></DIV>
  • <SCRIPT LANGUAGE="JavaScript">
  • var nava = (document.layers);
  • var dom = (document.getElementById);
  • var iex = (document.all);
  • if (nava) { cach = document.cache }
  • else if (dom) { cach = document.getElementById("cache").style }
  • else if (iex) { cach = cache.style }
  • largeur = screen.width;
  • cach.left = Math.round((largeur/2)-200);
  • cach.visibility = "visible";
  • function cacheOff()
  • {
  • cach.visibility = "hidden";
  • }
  • </SCRIPT>
  • <!-- FIN DU SCRIPT -->
  • <center>Le chargement de la page est fini</center>
  • </BODY>
  • </html>
<html>
<head>
	<title>Chargement de la page</title>

<!-- DEBUT DU SCRIPT -->
    <STYLE TYPE="text/css">
<!--   
#cache {
    position:absolute; top:200px; z-index:10; visibility:hidden;
}
-->
</STYLE>
</head>


<body onLoad="cacheOff()">

<DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#FFFF00 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#000000 BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Courrier" SIZE=4 COLOR=#FFFF00>veuillez patienter pendant le chargement de la page</FONT></TD>  </TR></TABLE></TD>  </TR></TABLE></DIV>

<SCRIPT LANGUAGE="JavaScript">
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById("cache").style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.left = Math.round((largeur/2)-200);
cach.visibility = "visible";

function cacheOff()
	{
	cach.visibility = "hidden";
	}
</SCRIPT>
<!-- FIN DU SCRIPT -->
<center>Le chargement de la page est fini</center>
</BODY>

</html>

Conclusion

Laissez moi vos impressions !
V.K.
 

Commentaires et avis

signaler à un administrateur
Commentaire de callman le 08/04/2003 19:54:08

Bien jouer, c'est nickel !!
Par contre, le jaune sur le noir par défaut, ça fait chelou, mais sinon, NICKEL !!! :-)

signaler à un administrateur
Commentaire de virtuelkiller le 08/04/2003 20:24:22

Merci, ça me touche ! snif.... ;-)
Allez voir le site :
http://www.scriptzone-fr.com
--&gt;UN MUST !!!!
et le mien si vous voulez ! ;-)
http://www.paroles-et-musiques.fr.st

Allez A+
et MERCI !

V.K.

signaler à un administrateur
Commentaire de petitmoosse le 28/07/2004 17:27:37

Juste pour info, ce code est très bien mais malheureusement il ne marche pas sur le nouveau navigateur Safari présent sous Macintosh.

signaler à un administrateur
Commentaire de Guitarist le 31/08/2004 21:03:09

salut il es ©Oo0°L²²² ton scripte mais jai un tit bleme la page a fini de ce chargé et jai toujour la barrre de chargement affiché :( tu peu m'aidé stp !

signaler à un administrateur
Commentaire de cheznounours le 23/10/2005 00:53:39

j'aime bien c'est trés cool comme effet pour des débutant comme moi mais pas ce que je cherche

signaler à un administrateur
Commentaire de hjijira le 17/11/2006 15:33:59

salut
j'ai copié le code ds ma page et ca marche pa ,je ne voi pa le message veuillez patienter pendant le chargement de la page(rien ne s'affiche )
qulqu'un pourai m'aidez

signaler à un administrateur
Commentaire de samoth14 le 13/12/2006 14:58:54

et un code qui cache la page qui se charge au profit d'un message, et qui laisse apparaitre la page une fois le chargement fini c'est possible?

signaler à un administrateur
Commentaire de potofeu le 01/10/2007 23:17:15 10/10

bravo vraiment parfait un effet simple et pas prise de tête a la manière google et surtout sa marche sur tous les navigateurs.
testé sous explorer
firefox
opera
aol explorer

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,234 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.