begin process at 2010 03 18 21:08:41
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs & Astuces

 > AFFICHE UN MESSAGE PENDANT LE CHARGEMENT DE LA PAGE

AFFICHE UN MESSAGE PENDANT LE CHARGEMENT DE LA PAGE


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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 :11 329
Auteur : virtuelkiller

Ecrire un message privé
Site perso
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.


 Sources du même auteur

AFFICHER UNE PAGE WEB EN PLEIN ÉCRAN D'UN CLIC !
DU TEXTE DÉFILE DANS LA BARRE D'ÉTAT EN CONTINU !
Source avec Zip UNE IMAGE QUI VOLE...
PHRASE ANIMÉE : LE TEXTE ONDULE !
Source avec Zip AFFICHE OU CACHE UNE IMAGE OU UN LIEN GRÂCE À UN BOUTON
Toutes les sources de virtuelkiller

 Sources de la même categorie

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
RETROUVER LE NUMÉROS DE TELEPHONE DE VOTRE EMPLOYER RAPIDEME... par rappise
Toutes les sources de la catégorie Trucs & Astuces

Commentaires et avis

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 !!! :-)

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.

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.

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 !

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

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

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?

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...

Comparez les prix


HTC Magic
Entre 429€ et 429€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

  
  

Visiter la photothèque
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,248 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)