Barre de chargement

Télécharger le projet
Commenter

Description

Une barre de chargement (je sais c'est pas très original :)) qui ne prend pas beaucoup de place. J'ai mis cette source en HTA car il y a moins de problèmes (confirmation pour la fermeture, bloquage des scripts sous sp2 etc...) ce script n'est testé que sur windows xp sp2. mais ça devrait aussi marcher sur les autres versions. aucun bug connu à ce jour.
bonne programmation :)

Source / Exemple : 


<hta:application
	maximizebutton="no"
	contextmenu="no"
	selection="no"
	showintaskbar="no"
	scroll="no"
>
<title>Data Transfer</title>
<body bgcolor="silver" onLoad="resizeTo(900,90);moveTo(200,450)">
<script>
var c=0;
var divp100=(c/8)+"%";
window.setInterval('if(c<800){document.getElementById("loadbar").style.width=c;document.getElementById("p100").innerHTML=divp100;c++}else{alert("Data Transfer Finished");window.close()}',3);
</script>
<div style="background-color:gray;width:800;border:inset thin">
<div id="loadbar" style="background-color:green;border:outset thin">
 
</div>
</div>
<br><br>
<center><div id="p100"></div></center>

Conclusion :


fonctionnement :
on a un div de fond avec un autre div avec l'attribut width qui est représenté par la variable c.
encore un div (je sais...) pour marquer les pourcents avec la valeur c suivie de %.
ensuite on verifie que c est bien inferieur à 800px et on incrémente c. lorsque c atteint 800 il affiche la boite d'alerte pour la fin du téléchargement. tous ça mis dans un window.setInterval pour ne pas avoir a faire de boucle for et de window.setTimeouts.
Télécharger le projet

Codes Sources

A voir également

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 (stfou)