asked on

force refresh/repaint screen while processing?

I have something like:

for(i=0; i<10; i++)
{
document.all.textboxProcess.value = i;
process(i);
}

But the value of textboxProcess is not updated until the loop finish.
How can I force screen refresh/repaint inside the loop?

ASKER CERTIFIED SOLUTION

splamunge

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Hardi

ASKER

umm... thanks
so there is no way you can do such as
window.repaint;
or anything?

i'll try that advanceTick...

Zontar

Don't use document.all. You scripts will run much more efficiently without it, and your scripts will also run cross-browser.

Use document.forms[0].textboxPorcess.value or document.getElementById("textboxProcess").value instead:

<html>
<head>
<script language="javascript">
var upperLimit = 10, msec = 200;

function advanceTick()
{
var newTick = document.getElementById("textboxProcess").value;
if(newTick < upperLimit)
{
document.forms[0].textboxProcess.value = ++newTick;
timer = setTimeout("advanceTick()", msec);
}
}

window.onload = advanceTick;
</script>
</head>
<body>
<form>
Test value here: <input type="text" id="textboxProcess" name="textboxProcess" size="8" maxlength="8" value="-1">
</form>
</body>
</html>

Also the toString() call isn't necessary, and you can just get the value from the text input.

This also has the advantage that it will work in all JS-capable browsers.

Zontar

> window.repaint;

Clientside JS doesn't give you that sort of fine-grained control over graphics/screen.

Remember, a Web browser is essentially just a glorified document viewer. ;^)

Hardi

ASKER

thanks splamunge and Zontar
my code is now messed up coz it's not that simple =P
but i know how to use setTimeout
and i'll start using getelementbyid =)