problem with rendering time by divs

liunx · Jan 9, 2008

Hi all, 
 
i've created a page which needs long time to load. For this i've insert two divs. 
First div: the page is loading - please wait... 
Second div: the big page... 
 
So, normaly the first div is displayed directly, and if the whole page is loaded the second div will be displayed. 
 
This stuff works fine by one page i've created - by another one, it didn't work, and i don't know why. 
Both divs will be displayed exactly at the same time, and not one div after the other. 
 
Has anybody some idea why?? 
 
Thanks in advance 
 
Cu Daniel 
 
Here is my sourcecode: 
 
<%@ taglib uri="core" prefix="c"%> 
<%@ taglib uri="sql" prefix="sql"%> 
<%@ taglib uri="format" prefix="fmt"%> 
<%@ include file="inc_conf.jsp" %> 
 
<html> 
<head> 
<title>Proxy Daten Statistik</title> 
<link href=http://www.webdeveloper.com/forum/archive/index.php/"/cc/css/default.css" rel="stylesheet" type="text/css" /> 
<script language="JavaScript" src=http://www.webdeveloper.com/forum/archive/index.php/"date-picker.js"></script> 
<script language="JavaScript" type="text/javascript"> 
 
//hide the animated load gif 
function hideLoadGif() { 
if(document.getElementById) 
document.getElementById("load").style.visibility = "hidden"; 
} 
 
</script> 
</head> 
 
<body marginwidth="0" marginheight="0" onLoad="hideLoadGif()"> 
 
<div id="load" style="position:absolute; visibility: visible;"> 
<table> 
<tr><td> </td></tr> 
<tr> 
<td> </td> 
<td class="head1">Die Seite wird geladen. Bitte gedulden Sie sich einen Augenblick.</td> 
</tr> 
<tr><td> </td></tr> 
<tr> 
<td> </td> 
<td><img src=http://www.webdeveloper.com/forum/archive/index.php/"/cc/img/bar6.gif"/></td> 
</tr> 
</table> 
</div> 
 
<div style="position:absolute; visibility: visible;"> 
 
<jsp:include page="inc_statisticSql.jsp"/> 
 
<form name="crStatistic" method="post" action="/cc/jsp/crStatistic.jsp"> 
<table width="100%" border="0" cellspacing="0" cellpadding="3" vspace="0" hspace="0" class="nav2_text"> 
. 
. 
. 
.the big page 
. 
. 
 
</table> 
</form> 
</div> 
</body>Because you have have used position:abosolute both divs will be displayed at the top of the page so that the second div will cover up the first. As far as I can see you don't need it so you can just remove it and you're problem will be solved.Hi lavalamp, 
 
my problem isn't solved. The second div should cover up the first one. 
Because the first div is a very small one - he should be displayed after a few moments (The page is loading), and the second div is a large one - he take some seconds until he is rendered (The real content of the page). 
 
My problem now is, that at one JSP-Page this works quite fine - but at a other JSP-Page it don't work - both divs are displayed at exactly the same time. 
 
My question is, if anybody have a idea what the reason could be?? 
 
Thanks in advance 
 
Cu DanielPerhaps on the 2nd page the content is already in the cache so the browser displays it? Sorry if I'm off the track there.Hi, 
 
i don't think, that this is the problem. 
 
The problem occurs also if i cleared the cache. And the page needs for every load near to ten seconds - so i don't think that the page is in the cache. 
 
Cu DanielIn that case it must be something in the source of the second page that's messing it up. Can you post a link to it, or perhaps upload your site as a .zip file.Hi lavalamp, 
 
here is the complete JSP-Page which don't work. 
 
Cu DanielHave you tried putting this: 
 
onload="hideLoadGif();" 
 
inside your body tag?Hi lavalamp, 
 
yes i've tried putting onload="....." inside the body tag - this works fine (setting first div to hidden) 
I removed it for better testing - sorry for this misunderstanding. 
 
So the only and fundamental problem is, that both divs will be displayed at exactly the same time. 
 
Cu DanielWell I'm at a loss then, maybe you shoud try posting this in the asp forum. Sorry that I couldn't help.

problem with rendering time by divs

liunx

Guest