Script Masters : Javascript : Index

Script Masters

Espace membre

Langages

Autres ressources

Emploi avec Jobintree

Ressources graphiques

Recherche

Kit graphique

Liens

Statistiques

Javascript >> Catégorie >> Graphisme >> Barre de téléchargement (Dhtml)

Description

Ce script affichera une barre de téléchargement sur votre site pendant le chargement de votre page. Vous pouvez définir le temps d'affichage ainsi que plusieurs paramètres.

Exemple

[Cliquez ici pour visualiser l'exemple]

Informations et statistiques

Internet Explorer : oui
Netscape Navigator : oui
Auteur : Daniel Fabien
Date de création : 25/05/2000
Dernière modification : 19/11/2002

Visualiser : 68796
Dont aujourd'hui : 3
Envoi par mail : 1848
Commentaires : 12 ( Voir )

Conseils pour la personalisation du script

Vous devez créer une image de taille 2*20 pixels. Vous lui donnez la couleur que vous souhaitez pour la barre de chargement.
Le script s'insère directement sur votre page.
Toutes les autres indications sont indiquées en commentaire dans le script.

Le script

Insérer ce script entre les balises <Head> </Head>

Insérer ce code entre les balises <Body> </Body>

/*
Insérer ce code entre les balises <Body> </Body>
*/

if (document.getElementById) {  // IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';

}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';

}
   }

}
}

if (document.images) {
for (i=0;i<haut;i++){
document.write("<br>");
}
document.write ('<center><font face="arial" color="" size="2"><b>Veuillez patientez, chargement de la page...</b><font><br><br><table border=1 cellspacing=0 cellpadding=0 bordercolor="#000000" bgcolor="'+fond+'"><tr><td>');

for (var i = 0; i < 100; i++) {

var width= 1 * scale
  var imgna = new Image()
  imgna.src = ima2;
document.write ('<img border=0 src=ima2; width="' + width + '" height="20">');
}

document.write ('</td></tr></table></center>');

var startpnt = imgsbefore
pcgbar(imgsbefore);

}
</script>

</div>

Télécharger le fichier

Recevoir ce script par email

Entrez votre email ci-dessous pour recevoir ce script dans votre boite à lettre

Poster un commentaires :

Plus d'info :

Un problème ? Consultez le forum de Script Masters pour trouver la réponse !