Forcer l'affichage dans une boucle

Version imprimable

01/08/2006, 12h45
jb36123

Forcer l'affichage dans une boucle

Bonjour,

Dans une page HTML j'ai une boucle en javascript qui modifie une DIV de ma page, pour informer sur le traitement en cours. (c'est une espece de LOG)

Mon probleme est que le resultat est visible à l'ecran uniquement lorsque ma boucle se termine. ALors que je voudrais voir l'affichage au fur et à mesure
Y a t il un moyen de forcer l'affichage au cours de l'execution de ma boucle ?

Remarque: j'ai essayé avec un TEXTAREA j'ai le meme pb.

Merci d'avance
01/08/2006, 12h51
Sheriff

salut !
pourrais-tu expliciter ?
@+
01/08/2006, 14h16
jb36123

Exemple de code pour illustrer

Voici un bout de code qui illustre mon pb
<body>
<div id=TESTDIV>
</div>
<script>
alert("Debut");
for (var i=0; i<20; i++)
{
TESTDIV.innerHTML += "<br>Passage dans boucle i="+i;

for (j=0;j<100000;j++)
{
var a=Math.log(3);
// juste pour passer le temps
}
}
alert("Fin");
</script>
</body>

On constate que l'affichage des 20 lignes s'effectue d'un bloc à la fin. au lieu de s'afficher au fur et à mesure.

Javascript bloque l'affichage de la page, c'est bien connu...

Regarde si ca peut d'aider, j'adapte depuis un code plus long perso :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Iterator = function (Data) {
    this.Data=Data;
    this.Item=0;
    this.Next=function() {
        var currentIterator=this;
        this.executingMethod(this.Data[this.Item])
        this.Item++
        setTimeout(function() {
            currentIterator.Next();
        }, 0)
    }
    this.executingMethod=function (Item) {
         // Action
    }
}
 
var newIterator=new Iterator([0, 1, 2, 3, 4, 5])
newIterator.executingMethod=function (Nbr) {
    document.getElementById("divContent").innerHTML += Nbr + "<br />"
}
newIterator.Next();

ceci marche nickel chez moi...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
 
<script>
alert("Debut");
var i=0;
var timer;
function afficher()
{
document.getElementById('TESTDIV').innerHTML += "<br>Passage dans boucle i="+i++;
if (i<10)
timer=setTimeout("afficher()",1000);
else clearTimeout(timer);
}
</script>
 
</head>
<body onload=afficher()>
<div id=TESTDIV>
</div>
 
</body>
</html>

houlà, fremy ton code est :aie: pour un débutant... lol
@+