Barre de chargement

Soyez le premier à donner votre avis sur cette source.

Vue 28 687 fois - Téléchargée 1 077 fois

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.

Codes Sources

A voir également

Ajouter un commentaire Commentaires
cs_nossoctoruss Messages postés 126 Date d'inscription samedi 28 novembre 2009 Statut Membre Dernière intervention 9 juin 2013
5 mars 2011 à 17:24
quelqu'un ici saurait fermer automatiquement après une attente une hta svp!?(je dis ca ici car le tien le fait,mais je n'arrive pas a séparer les deux)
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 2
13 mai 2006 à 11:28
ok merci bultez !:)
cs_bultez Messages postés 13616 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
10 mai 2006 à 12:08
>>mais en local c'est plus avantageux
là, parfaitement d'accord, pour une
utilisation locale, j'ai toujours un .hta

>>peux-tu me dire comment t'as fais pour la config
quand bloqué ==> "click droit" et tout est expliqué
( de mémoire ).
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 2
10 mai 2006 à 08:49
ok merci pour vos messages.
->>BULTEZ :
c'est vrai que pour le mettre en ligne c'est pas le top, mais en local c'est plus avantageux, peux-tu me dire comment t'as fais pour la config ? stp ?

->>COUCOU747 :
C'est vrai que c'est pas indispensable, mais en local c'est plus joli :). le head n'est pas utile, la balise body sert pour la couleur de fond, et pour l'instant, ne pas fermer cette balise à la fin ne provoque pas d'erreur. la balise <hta:application [...]> est comme les balises , elle n'a pas besoin d'etre fermée. elle sert a configurer la fenetre (icone,clik droit, contextmenu, selection...).
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
9 mai 2006 à 18:16
c'est clair qu'on n'a pas besoin d'un hta pour ça, et t'as plein de sources du genre... après je sais pas si un hta est construit comme un html, mais ta balise body n'est pas fermé, t'as pas de head, mais t'as un title ect...
Afficher les 7 commentaires

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.