Barre de progression

Résolu
ebossss Messages postés 4 Date d'inscription dimanche 22 août 2004 Statut Membre Dernière intervention 29 septembre 2006 - 29 sept. 2006 à 17:14
cs_roro06 Messages postés 732 Date d'inscription jeudi 2 janvier 2003 Statut Membre Dernière intervention 29 octobre 2007 - 4 oct. 2006 à 12:09
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

cs_roro06 Messages postés 732 Date d'inscription jeudi 2 janvier 2003 Statut Membre Dernière intervention 29 octobre 2007
4 oct. 2006 à 12:09
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 ?
3
Rejoignez-nous