Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

BARRE DE CHARGEMENT


Information sur la source

Catégorie :Divers Classé sous : barre, chargement, progression, loading, prechargement Niveau : Débutant Date de création : 08/05/2006 Date de mise à jour : 09/05/2006 08:24:07 Vu / téléchargé: 16 909 / 760

Note :
5,67 / 10 - par 3 personnes
5,67 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note


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

  • <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>
<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.
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • loading.htaTélécharger ce fichier [Réservé aux membres club]677 octets

Télécharger le zip

Historique

09 mai 2006 08:24:07 :
Petite erreur dans le zip j'avais oublié de mettre les pourcentages

Commentaires et avis

signaler à un administrateur
Commentaire de stfou le 08/05/2006 22:01:29

bon ben voilà. c'est la première source que je dépose. Mais vous inquietez pas je vous demanderez pas d'être indulgent :) car je programme depuis 2ans. j'attend votre avis sur cette source.

signaler à un administrateur
Commentaire de bultez le 09/05/2006 10:15:49


>>mis cette source en HTA
    dommage car dans ce cas c'est exclusif IE.

>>car il y a moins de problèmes
    bof, un .hta évite les messages relatifs aux Active'X en local
    mais sur la toile est considéré comme un exécutable, donc on
         propose de l'exécuter ou de le télécharger !
    sinon c'est ( presque ) la même chose, enfin en fonctionnalités.

>>confirmation pour la fermeture
    on peut faire sans message ( ie,opera... pas toujours avec FF ) :
     opener=self;
window.close();

>>bloquage des scripts sous sp2
    paramétrage d'Internet Explorer, c'est tout.
    pour moi Windows XP , sp2, tout à jour, rien ne bloque.

signaler à un administrateur
Commentaire de coucou747 le 09/05/2006 18:16:41

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...

signaler à un administrateur
Commentaire de stfou le 10/05/2006 08:49:39

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 <input>, elle n'a pas besoin d'etre fermée. elle sert a configurer la fenetre (icone,clik droit, contextmenu, selection...).

signaler à un administrateur
Commentaire de bultez le 10/05/2006 12:08:41


>>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 à un administrateur
Commentaire de stfou le 13/05/2006 11:28:49

ok merci bultez !:)

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Redimmensionner lors du chargement ?? [ par rich25200 ] Bonjour,Je veux que lorsque je charge ma fenetre celui ci me le redimensionne et qu'il ne m'affiche sans la barre de navigation sans la barre d'adress Barre de progréssion durant le chargement d'un page [ par rem78 ] Bonjour,Je suis actuellement entraint de réaliser mon site et ma page d'accueil comporte des frames (cadres) et je souhaite la faire ouvrir en mode pl Barre de chargement pour mp3 [ par Revolux ] Bonjour a tous, J' ai un petit souci, mon site charge des mp3 et ceux ci peuvent etre tres long a afficher avec Quick Time selon la connexion interne Barre de chargement et XMLHTTPRequest [ par massacr ] &nbsp;Bonjour Je construit un site utilisant les XMLHTTPRequest. Une zone de la page est recharg&#233;e lorsque on clique sur un bouton du menu. Je vo Bare de statut [ par Seb33300 ] Salut !Je voudrais cacher les information de la barre de statut lors de chargement de la page a l'ouverture du site et si possible le remplacer par du Prechargement avec bar pour la video [ par tekyo ] Salut à tous, Voila, j'ai des video sur mon site chargé de la manière suivante: Barre de progression [ par yzro ] Bonjour, je suis assez novice en ce qui concerne le language javascript (graphiste qui fait son book en ligne&#133;). Mais je suis parvenu &#224; mont barre de telechargement pour html [ par miki21 ] bonjourJe n'arrive pas a trouver un script pour faire afficher: chargement en cours le temps que le pdf s'ouvre.J'en trouve plein mais que pour faire Barre de chargement [ par thunderfear ] Bonjour,J'aimerai faire une barre de chargement sur un script d'upload en Ajax (donc sans rechargement de la page).Par exemple quelq'un upload un fich barre de progression [ par ebossss ] bonjour.J'essaye de faire une barre de progression mais ca marche pas vraiment.voici le code de la fonction qui affiche la barrefunction affiche_barre


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,593 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.