jasnjohn
11-27-2003, 07:01 AM
I want to use a small flash that I created which has a little progress bar and tells the visitor to wait a short time while the page is loading.
How can I have just that flash in the page until the page loads so that it disappears and the page is revealed?
Never mind, I got a solution that works just fine below:
I've tried the following in the <head> section:
function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
with the following in the <body>
<BODY OnLoad="loadImages()">
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFFF; layer-background-color: #FFFFFF; height: 100%; width: 100%;">
<table width=100%>
<tr>
<td>
<embed........flash here>
</td></tr></table></div>
:D
How can I have just that flash in the page until the page loads so that it disappears and the page is revealed?
Never mind, I got a solution that works just fine below:
I've tried the following in the <head> section:
function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}
else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
with the following in the <body>
<BODY OnLoad="loadImages()">
<div id="hidepage" style="position: absolute; left:5px; top:5px; background-color: #FFFFFF; layer-background-color: #FFFFFF; height: 100%; width: 100%;">
<table width=100%>
<tr>
<td>
<embed........flash here>
</td></tr></table></div>
:D