1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Effet de chargement

Effet de chargement

Soyez le premier à donner votre avis sur cette source.

Snippet vu 17 661 fois - Téléchargée 26 fois

Commenter

Contenu du snippet

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

PS: Jai trouve ca sur javascriptsource.com

Source / Exemple : 


<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

A voir également

Ajouter un commentaire

Commentaires

Signaler
Messages postés
1
Date d'inscription
lundi 21 mars 2005
Statut
Membre
Dernière intervention
24 septembre 2005
Je pense qu'il y a vraiment plus simple :
la fonction js : 
function loading()
{
document.getElementById('cacheon').style.display = 'none';
document.getElementById('cacheoff').style.display = 'block';
}

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 :

et le tour est joué
Signaler
Messages postés
406
Date d'inscription
mardi 7 mai 2002
Statut
Membre
Dernière intervention
2 octobre 2004
merci :)
Signaler
Messages postés
27
Date d'inscription
vendredi 24 janvier 2003
Statut
Membre
Dernière intervention
19 juillet 2005
Vraiment pas mal du tout ;)
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (bob3000)