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 !

EFFET DE CHARGEMENT


Information sur la source

Catégorie :Effets Niveau : Débutant Date de création : 23/09/2003 Vu : 11 019

Note :
4 / 10 - par 1 personne
4,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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


Description

C'est un script qui affiche un div pendant quelques secondes et le rends invisible ensuite.

PS: Jai trouve ca sur javascriptsource.com
 

Source

  • <script language="javascript">
  • function do_totals1()
  • {
  • document.all.pleasewaitScreen.style.pixelTop = (document.body.scrollTop + 50);
  • document.all.pleasewaitScreen.style.visibility="visible";
  • window.setTimeout('do_totals2()',1);
  • }
  • function do_totals2()
  • {
  • lengthy_calculation();
  • document.all.pleasewaitScreen.style.visibility="hidden";
  • }
  • function lengthy_calculation()
  • {
  • var x,y
  • for(x=0;x<1000000;x++)
  • {
  • y += (x * y) / (y - x);
  • }
  • }
  • </script>
  • <DIV ID="pleasewaitScreen" STYLE="position:absolute;z-index:5;top:30%;left:42%;visibility:hidden">
  • <TABLE BGCOLOR="#000000" BORDER="1" BORDERCOLOR="#000000" CELLPADDING="0" CELLSPACING="0" HEIGHT="100" WIDTH="150" ID="Table1">
  • <TR>
  • <TD WIDTH="100%" HEIGHT="100%" BGCOLOR="silver" ALIGN="CENTER" VALIGN="MIDDLE">
  • <FONT FACE="Arial" SIZE="4" COLOR="blue"><B>Chargement...<br>
  • Veuillez patienter...</B></FONT>
  • </TD>
  • </TR>
  • </TABLE>
  • </DIV>
  • <input type="button" name="btn_calc" value="Charger" onclick="do_totals1()">
<script language="javascript">
		function do_totals1()
		{
		document.all.pleasewaitScreen.style.pixelTop = (document.body.scrollTop + 50);
		document.all.pleasewaitScreen.style.visibility="visible";
		window.setTimeout('do_totals2()',1);
		}	

		function do_totals2()
		{
		lengthy_calculation();
		document.all.pleasewaitScreen.style.visibility="hidden";
		}
		
		function lengthy_calculation()
		{
		var x,y	
	        for(x=0;x<1000000;x++)
			{
			y += (x * y) / (y - x);			
			}
		}
		</script>

<DIV ID="pleasewaitScreen" STYLE="position:absolute;z-index:5;top:30%;left:42%;visibility:hidden">

			<TABLE BGCOLOR="#000000" BORDER="1" BORDERCOLOR="#000000" CELLPADDING="0" CELLSPACING="0" HEIGHT="100" WIDTH="150" ID="Table1">

				<TR>

					<TD WIDTH="100%" HEIGHT="100%" BGCOLOR="silver" ALIGN="CENTER" VALIGN="MIDDLE">

						<FONT FACE="Arial" SIZE="4" COLOR="blue"><B>Chargement...<br>

								Veuillez patienter...</B></FONT>

					</TD>

				</TR>

			</TABLE>

		</DIV>
			<input type="button" name="btn_calc" value="Charger" onclick="do_totals1()">

Conclusion

Merci de m'aviser s'il y a des bugs.



bob3000
http://www.netdude.tk
 

Commentaires et avis

signaler à un administrateur
Commentaire de Joelindien27 le 24/09/2003 14:13:05

Vraiment pas mal du tout ;)

signaler à un administrateur
Commentaire de bob3000 le 26/09/2003 17:55:18

merci :)

signaler à un administrateur
Commentaire de myXtrem2 le 24/09/2005 19:36:22

Je pense qu'il y a vraiment plus simple :
la fonction js :
[CODE]
function loading()
{
document.getElementById('cacheon').style.display = 'none';
document.getElementById('cacheoff').style.display = 'block';
}
[/CODE]
cacheoff contient tout votre site, et on lui donne display = 'none' au chargement de la page
cacheon contient le message à afficher, on lui donne display = block au chargement de la page.
Il suffit ensuite de faire :
<body OnLoad="loading()">
et le tour est joué

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,156 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é.