begin process at 2012 02 14 03:35:36
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > EFFET DE CHARGEMENT

EFFET DE CHARGEMENT


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :23/09/2003 Vu :15 582

Auteur : bob3000

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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


 Sources du même auteur

Source avec une capture POPUP SPECIAL(MODAL - MODELESS DIALOG)
INFOS SUR LES UTILISATEURS
FACON LA PLUS FACILE AU MONDE D'ECRIRE LA DATE
COULEUR DE FOND ALEATOIRE + TITRE ALEATOIRE *UPDATED*
EMPECHER LES VISITEURS DE SURLIGNER DU TEXTE + IMAGES

 Sources de la même categorie

Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600

Commentaires et avis

Commentaire de Joelindien27 le 24/09/2003 14:13:05

Vraiment pas mal du tout ;)

Commentaire de bob3000 le 26/09/2003 17:55:18

merci :)

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

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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,154 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales