loading message with image

[Kendel]

I'm trying to display a loading message while the page is being loaded. On IE, the image is not
changing the color. I'm talking about the image that has some dots in color that looks like a progress bar.
It works fine in FF. How can I fixed it so that it will work with IE as well.

If the form is posted back to the same page, it works just fine. But if it's post to another page then it stop working.

I have tried setTimeout() to delay a few second but it still didn't work.

Thanks.




<div id="wait" style="display:none">
<table>
<tr><td>Please wait ...<br><img id="imgWait" src"wait.gif"></td></tr>
</table>
</div>

<div id="main>
<form ....>
...blab..
<input type="button" onclick="wait()">
</div>


function wait() {
document.getElementById("main").style.display="none";
document.getElementById("wait").style.display="block";

 

[Kendel]

Oh, I forgot to mention that I'm working with jsf page. Thanks.