begin process at 2010 03 22 09:15:04
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > BARRE DE CHARGEMENT

BARRE DE CHARGEMENT


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :19 434 / 848

Auteur : stfou

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
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

Les Membres Club peuvent 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

 Sources du même auteur

Source avec Zip SYNTHÈSE VOCALE
Source avec Zip EDITEUR VBSCRIPT (EVBS)
Source avec Zip COMPRESSION RLE (PART II)
Source avec Zip COMPRESSION DE CHAINE
TROUVER LE PLUS GRAND COMMUN DÉNOMINATEUR (PGCD)

 Sources de la même categorie

Source avec Zip Source avec une capture SÉQUENCEUR par jdmcreator
Source avec Zip COMPRESSION DE TEXTE CÔTÉ CLIENT EN JS VIA ALGORYTHME LZW par niamor36
Source avec Zip VIRTUAL IPHONE (V.2) par loicseg
Source avec Zip MOOTABLEAU par Miky76
Source avec Zip CALCULER VOTRE IMC par lesnouesremy

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture DKSPROGRESSBAR : UNE PROGRESSBAR IMAGÉE QUI CHANGE DE COULEU... par DARKSIDIOUS
Source avec Zip Source avec une capture BARRE DE POSITION OU DE NOTE par benwa74
Source avec Zip Source avec une capture PRECHARGEMENT D'IMAGE(S), AVEC BARRE DE PROGRESSION ( DIFFÉR... par wizard512
Source avec une capture BAR DE STATUS POUR LE CHARGEMENT DES IMAGES AVEC POURCENTAGE... par wizard512
Source avec Zip BARRE DE PROGRESSION MODULABLE par vbbreizh

Commentaires et avis

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.

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.

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

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

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

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

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,686 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales