Barre de progression

[Résolu]
Signaler
Messages postés
4
Date d'inscription
dimanche 22 août 2004
Statut
Membre
Dernière intervention
29 septembre 2006
-
Messages postés
732
Date d'inscription
jeudi 2 janvier 2003
Statut
Membre
Dernière intervention
29 octobre 2007
-
bonjour.
J'essaye de faire une barre de progression mais ca marche pas vraiment.

voici le code de la fonction qui affiche la barre

function affiche_barre(numero) {
    largeur = numero * 30;
    barre = getElementById('barre');
    barre.style.width = largeur + "px";
}

voici le code qui appelle cette fonction
            function precharger() {
                for (i=1; i<=max; i++) {
                    tab_images[i] = charge_image('gallerie1/photos/photo' + i + '.jpg');
                    affiche_barre(i, max);
                    mapause(300);
                }
            }

c'est une fonction qui precharge les images de la page dans un tableau javascript. Elle est donc appelee a chaque fois qu'une image est chargee. Pour l'instant je simule une pause de 300 ms pasque le chargement est chez moi instantane.

voici enfin le div qui represente la barre de progression :

       

Ce qui se passe c'est que la barre s'affiche seulement apres chargement de toutes les images, et non pas au fur et a mesure comme je le  voudrais, et je comprend pa pourquoi.Ca devrait marcher puisque je change dynamiquement la largeur du div.Enfin bref.

Voila si qqu'un peut m'aider ce serait cool.
+

1 réponse

Messages postés
732
Date d'inscription
jeudi 2 janvier 2003
Statut
Membre
Dernière intervention
29 octobre 2007

Bonjour




Sans aller beaucoup plus loin, je dirais :
function affiche_barre(numero) {
    largeur = numero * 30;
    barre = document. getElementById('barre');
    barre.style.width = largeur + "px";
}

Cordialement
Roro webDev

PS qui n'a rien à voir : Qustion à la communauté : est il normal que la saisie soit si lente avec firefox, ou suis-je encore un cas particulier ?