Effet de chargement
Soyez le premier à donner votre avis sur cette source.
Snippet vu 17 732 fois - Téléchargée 26 fois
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
Merci de m'aviser s'il y a des bugs.
bob3000
http://www.netdude.tk
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
- Effet de chargement
- Effets au chargement des images - Codes sources - Javascript (Graphique)
- Javascript : Barre de chargement avec un effet surprise (pas beaucoup de différence avec les - Guide
- Effet givre photoshop - Guide
- Effet javascript - Guide
- Le point d'arret ne sera pas atteint pour l'instant aucun symbole n'a été chargé pour ce document ✓ - Forum - C++ & C++ .NET
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é
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.