Code:
<table width="100%" id="infoPage" cellspacing="0" cellpadding="0">
//has a progress bar image
</table>
<table width="100%" id="realPage">
<tr>
<td><jsp:include page="/submitHandler.do" flush="true">
<jsp:param name="buttonClicked" value="<%=submitBtn%>" />
</jsp:include></td>
</tr>
</table>
On load of the above jsp, i am calling the following js function -
Code:
function initWait(){
if(document.getElementById){
document.getElementById('infoPage').style.visibility = 'hidden';
document.getElementById('realPage').style.visibility = 'visible';
}
As you can see, i want to display the progress bar as long as the included jsp (in the second table tag)is not completely displayed.
i also have the following <style> tag within the <head> tag of my jsp -
Code:
<style>
#infoPage {
position: absolute;
}
#realPage {
position: absolute;
visibility: hidden;
}
</style>
for all browsers, this code works fine i.e. the progress bar is displayed for some time and then the included jsp is displayed, but in case of NS 7.1, it is not working properly. Instead of displaying the progress bar image, it displays a blank page for some time, then just before the included jsp is about to be displayed, the progress bar is displayed for a split second.
Also this doesnt happen all the time. Sometimes it works as intended.
Can anyone help me out with this?