1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Divers
  5. Barre de chargement

Barre de chargement

0/5 (7 avis)

Vue 28 249 fois - Téléchargée 1 063 fois

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

Ajouter un commentaire

Commentaires

Signaler
Messages postés
126
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
9 juin 2013
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)
Signaler
Messages postés
454
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
 2
ok merci bultez !:)
Signaler
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
 32
>>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 ).
Signaler
Messages postés
454
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
 2
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...).
Signaler
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
 36
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
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)