Javascript problem in FF

[TimSki]

Hi,

I have a page which is structured like this....

[HTML]<span id=progressBar style="display: none">
progress bar code
</span>

<span id=restOfPage style="display: block">
rest of the page which incldes a search screen with submit button
</span>[/HTML]

When i click on the submit button i call some javascript like this

[CODE=javascript]restOfPage.styl e.display='none ';
progressBar.sty le.display='blo ck';
forms[0].submit()[/CODE]

As a resut, when i click on submit the progress bar appears on its own and then when the page reloads the progressBar is removed and the rest of the page is shown. It works great in IE and FF.

However in FF after the page has reloaded if i hit the back button it shows the progressbar and not the restOf Page. And there it sits forever as it has interpretted this as the last cached page. Clearly this is not what i want. In IE it interprets the page as it was before hitting the submit button which is what i want.

Any ideas how i can solve this ??

[gits]

add an init function to your page-onload that sets the initial state of the controls ...

kind regards