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 !

FAIRE PATIENTER LES VISITEURS PENDANT LE CHARGEMENT D'UNE PAGE


Information sur la source

Catégorie :Trucs & Astuces Niveau : Débutant Date de création : 12/03/2002 Date de mise à jour : 12/03/2002 17:22:29 Vu : 29 622

Note :
5,2 / 10 - par 5 personnes
5,20 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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

Description

Assez simple, il saura vous convenir.
 

Source

  • <!-- A mettre dans le <HEAD> -->
  • <STYLE TYPE="text/css">
  • #chargement {
  • position:absolute; top:200px; z-index:10; visibility:hidden;
  • }
  • </STYLE>
  • <DIV ID="chargement">
  • <TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0>
  • <TR>
  • <TD ALIGN=center VALIGN=middle>
  • <TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0>
  • <TR>
  • <TD ALIGN=center VALIGN=middle>
  • <FONT FACE="Verdana" SIZE=2 COLOR=#000000>
  • <BR>
  • Chargement de la page en cours...
  • <BR>
  • <BR>
  • </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)
  • {
  • chg = document.chargement
  • }
  • else if (dom)
  • {
  • chg = document.getElementById("chargement").style
  • }
  • else if (iex)
  • {
  • chg = chargement.style
  • }
  • largeur = screen.width;
  • chg.left = Math.round((largeur/2)-200);
  • chg.visibility = "visible";
  • function Chargement()
  • {
  • chg.visibility = "hidden";
  • }
  • </SCRIPT>
  • <!-- A mettre dans le <BODY> -->
  • <BODY OnLoad="Chargement()">
<!-- A mettre dans le <HEAD> -->		

<STYLE TYPE="text/css">
 
#chargement {
    position:absolute; top:200px; z-index:10; visibility:hidden;
}

</STYLE>
<DIV ID="chargement">
<TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0>
<TR>
<TD ALIGN=center VALIGN=middle>
<TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0    CELLSPACING=0>
<TR>
<TD ALIGN=center VALIGN=middle>
<FONT FACE="Verdana" SIZE=2 COLOR=#000000>
<BR>
Chargement de la page en cours...
<BR>
<BR>
</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)
{
  chg = document.chargement
}
else if (dom)
{
  chg = document.getElementById("chargement").style
}
else if (iex)
{
  chg = chargement.style
}
largeur = screen.width;
chg.left = Math.round((largeur/2)-200);
chg.visibility = "visible";

function Chargement()
{
  chg.visibility = "hidden";
}
</SCRIPT>


<!-- A mettre dans le <BODY> -->		

<BODY OnLoad="Chargement()">
 

Commentaires et avis

signaler à un administrateur
Commentaire de Yves le 18/03/2002 14:26:40

Ton code fonctionne bien, mais....

1) Tu ne te serais pas "un peu" inspiré du code proposé sur Toutjavascript.com, en l'améliorant pour qu'il fonctionne sous Netscape ?
2) Il me semble que la DTD du html indique que seuls les éléments : &lt;BASE&gt; &lt;BASEFONT&gt; &lt;BGSOUND&gt; &lt;ISINDEX&gt;&lt;LINK&gt;&lt;META&gt;&lt;SCRIPT&gt;&lt;STYLE&gt; et &lt;TITLE&gt; sont admis dans la section &lt;HEAD&gt; d'un document....
Dès lors, la table en en-tête n'est pas "conforme" à la norme (même si ça marche).


En ne laissant que la définition du style dans l'en tête du document, et en plaçant la table avant le script dans le corps, ton script fonctionne toujours, du moins sous Netscape 6.0 Fr.

Allez, je te mets 8/10 parce que ça fonctionnait dès le départ :)

signaler à un administrateur
Commentaire de klaus le 17/04/2002 22:35:47

Shaliu...

Tout est bo' mais comment faire ca si j'ai des frames (donc pas de &lt;body&gt;) et je veux les faire attendre jusqu'au chargement des cadres ?

10x
a+

signaler à un administrateur
Commentaire de dionysos6868 le 05/11/2004 22:47:58

salut
je sais que la source est la depuis longtemps

mais serais t(il possible de faire apparaitre la page qu'a la fin du chargement ?

signaler à un administrateur
Commentaire de transgoku le 24/10/2005 13:22:12

comment faire ca si j'ai des frames.pour que tout sois noir et quand le chargement est fini la page apparaissent?

signaler à un administrateur
Commentaire de fraisa80 le 02/12/2005 12:23:49

votre code est trés bien   mais
comment on peut l'utiliser en vb6.0 pour savoir la fin de chargement d'une page html à fin de  pouvoir naviguer dans le lien qui peut nous amener vers la page suivante?

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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,140 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é.