[javascript] element.style.display="block" lage prioriteit

[Juup]

Als je in Javascript het volgende stukje code hebt:

JavaScript:

document.getElementById("myDiv").style.display = "block";
//alert("hi");
for (var i in aap)
{
  doMe(aap[i]);
}

Dan wordt eerst de hele foor loop doorlopen voordat die div zichtbaar wordt.
Als je de alert uitcommentarieert (scrabblewoord) dan wordt wel meteen de div zichtbaar.

Hoe zorg ik ervoor dat die div meteen zichtbaar wordt?

[ Voor 6% gewijzigd door Juup op 09-12-2005 12:47 ]

[André]

code:

document.getElementById("myDiv").style.display = "block";
setTimeout("lusje()", 10);

function lusje()
{
  for (var i in aap)
  {
    doMe(aap[i]);
  }
}

[Juup]

Dank voor je input, André. Dat werkt inderdaad. Maar ik kan hier helaas geen setTimeout gebruiken omdat alles wat er NA die setTimeout staat dan meteen na de style.display=""; uitgevoerd wordt. setTimeout is asynchroon en een echte sleep bestaat niet in javascript.

[André]

Dan plaats je de rest toch ook in die nieuwe functie

[Juup]

Kannie
Er zit een hele tree van functies die elkaar aanroepen. Zodra je er eentje asynchroon maakt moet je de hele volgorde omgooien. Dat lijkt me iets te veel van het goede.

[André]

Zet die display: block dan in de timeout

[BtM909]

Ipv de hele volgorde omdraaien, kan je toch ook je uitzondering in je timout zetten

[Sendy]

Er is maar één execution thread in Javascript. Als je de uitzondering (het zetten van display) in een setTimeout gaat stoppen, dan wordt nog steeds de loop als eerst uitgevoerd. Pas wanneer deze is uitgeraast, en de browser even niets te doen heeft, dan komt de timeout pas. En is het zetten van de display dus te laat.

edit:

\o/, maar jammer dat het je probleem niet kan oplossen

[ Voor 13% gewijzigd door Sendy op 09-12-2005 13:32 ]

[Juup]

I'm with Sendy