Forcer l'affichage dans une boucle

**jb36123** · 01/08/2006, 12h45

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

**Sheriff** · 01/08/2006, 12h51

salut !
pourrais-tu expliciter ?
@+

**jb36123** · 01/08/2006, 14h16

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.

**FremyCompany** · 01/08/2006, 14h36

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 :

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
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();

**Sheriff** · 01/08/2006, 14h40

ceci marche nickel chez moi...

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
<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

pour un débutant... lol
@+

Forcer l'affichage dans une boucle

JavaScript

Discussions similaires

Partager

Partager