Discussion :

[tim2000]

Bonjour, je me penche actuellement sur la réalisation d'une progress bar, gérer non pas par le temps, mais par l'execution d'un script.

Je traite un tableau dans une boucle for, j'ai donc penser a deux solutions, dont aucune n'a marché :

-a chaque tour de boucle faire un innerHTML pour agrandir une div (ou modifier un texte pour afficher le pourcentage)

-creer un timer qui appelerait une fonction modifiant le html via des variable global que je modifie dans mon for

mon code ressemble donc a sa pour la premiere solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
for(i ; i < tab.length ; i++)
    {
    //Execution du traitement du tableau
 
    ProgressBar.innerHTML = "<font color=\"0x00FF\" >"+Math.round(((i/tab.length)*100))+"%</font>"; 
    }

ou a sa :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
//Variable Global
var iGlobal ;
var iTotal ;
 
//[...]
 
timer = new Timer() ; //j'ai une classe timer a ma disposition qui appel une fonction toute les seconde
 
iTotal = tab.length ;
timer.function = "UpdateProgressBar()"
 
for(i ; i < tab.length ; i++)
    {
    iGlobal = i ;
    //Execution du traitement du tableau
    }
 
//[...]
 
function UpdateProgressBar ()
{
ProgressBar.innerHTML = "<font color=\"0x00FF\" >"+((iForTimer/iTotalForTimer)*100)+"%</font>";  
}

Le souci c'est que je ne sais pas pourquoi, mais cela ne veux pas s'updater dans le for, le pourcentage passe de 0% à 100% d'un coup, dans les deux cas.

Y a t-il des propriétés de communication entre jscript et html qui empêcherait le html de s'actualiser a l’intérieur d'une boucle ?

Ou si vous avez une solution sympa qui marcherait (je ne peux me permetre d'utiliser que du jscript, pas de jQuery, ou autre AJAX, etc)

Merci !

[BaBeuH]

En fait, le problème est que le rafraichissement de la page HTML ne se fait pas durant l'exécution de ton script de par la nature de javascript (pseudo single-thread). Il te faut pour cela utiliser des timers pour gérer l'interactivité avec la page HTML pendant l'exécution du ton script. Je te recommande de lire ce lien http://ejohn.org/blog/how-javascript-timers-work/ qui explique comment les timers fonctionnent.

Après, tu as l'air d'être sur la bonne piste puisque tu dis avoir une classe Timer, mais que fait-elle exactement ?

De plus, une bonne pratique est d'éviter de passer une chaine en paramètre pour l'exécution d'une fonction, mais plutot utiliser directement sa référence (son nom en fait), exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

timer.function = UpdateProgressBar;

plutôt que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

timer.function = "UpdateProgressBar()";

A+

[tim2000]

Après beaucoup d’essais, j'ai fini par comprendre pourquoi cela ne marchait pas.

J'utilise une fenêtre ie intégré dans un logiciel, celle ci ce fige a l’exécution de mon code, c'est en remplacement mon pourcentage par un .gif que j'ai réussi a comprendre sa.

Il m’était donc impossible de voir une quelconque modification sur la page.

Sinon, sa aurait effectivement marcher je pense.

Le lien m'a été bien utile, j'en ai trouver un pal mal qui explique l'utilisation de setTimeout.

Merci encore, malgré mon échec