Rafraichir affichage pendant une fonction

**E.Bzz** · 06/02/2007, 17h43

Bonjour,
j'essaye de mettre en place une barre de progression pendant l'execution du fonction JS (qui fait entr'autre plusieurs appels Ajax).
D'abord essayé un simple <div> dans lequel je concaténait des span (les carrés bleu de la barre) dans le innerHTML à différentes étapes du script.
Ca fonctionne, sauf que ça se voit pas : l'affichage est bloqué jusqu'à fin du script. Au mieux le div s'affiche, mais la barre progresse pas, et le div s'efface (normal) sans que la barre soit apparue.
Comme j'ai appris ici qu'innerHTML => pas glop, j'ai essayé ça :

Code :

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

1
2
3
4
5
6
7
function Progress() {
	 var carre = fen_attente.document.createElement("span");
	 var txt_vide = fen_attente.document.createTextNode("&nbsp;");
	 carre.appendChild(txt_vide);
	 var progression = fen_attente.document.getElementById("barre");
	 progression.appendChild(carre);
}

et mis mon div dans une pop.
La pop s'ouvre, le div apparait, mais la barre n'apparait toujours pas jusqu'à fermeture de la pop en fin de script.
Je précise :
1) que les différente versions "fonctionnaient" (au sens technique) : avec des alert() de debug, je voyais tout bien comme y faut.
2) s'agissant d'un intranet, en dev l'éxécution dure 1 à 2 seconde max., mais en prod, suivant les sites, le traitement pourra être + long

Si qq1 avait une piste ...

Merci

**E.Bzz** · 07/02/2007, 10h59

Bon ben il fallait passer par une fonction pour gérer l'affichage (et non par une proc. comme ci-dessus, ou directement dans la fontion principale).
Le fait d'attendre le code retour de la fonction permet à la fonction appelante de rafraichir la barre de progression.
Fonctionne avec une pop, mais pas un div dans la fenetre mère.

Merci aux nombreux contributeurs

A+

**SpaceFrog** · 07/02/2007, 11h12

desolé EBzz je n'ai pas vu ton post sinon je t'aurais envoyé sur :

www.ouestisol.fr/activ/extram/catalogue/

le pourcentage est incrémenté pendant le chargement de la page ...