problem with rendering time by divs
dbanhardt
- dhtml
0 Zebulon
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="/cc/css/default.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="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. <br>Bitte gedulden Sie sich einen Augenblick.</td>
</tr>
<tr><td> </td></tr>
<tr>
<td> </td>
<td><img src="/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>
Nolimetongere,
[..]
//hide the animated load gif
function hideLoadGif() {
if(document.getElementById)
document.getElementById("load").style.visibility = "hidden";
}
[..]
<body marginwidth="0" marginheight="0" onLoad="hideLoadGif()">
<div id="load" style="position:absolute; visibility: visible;">
[..]
</div>
[..]
<div style="position:absolute; visibility: visible;">
why do you set the visibility for this div on "visible" ?
i thought you want this layer to be hidden until the maindiv
is loaded completely !?
Zebulon
The Interim Polytoximonium