View Full Version : Loading HTML
Cheng
08-05-2006, 03:39 PM
Hi.
I have seen some HTML websites that that have a loading bar like in Flash or Javascript for example.
Is it possible to have a loading bar on my pages and that the full content will show complete after the loading process has finished.
How can this be done?
Hope that someone of you guys can give me some advise.
Thanks in advance.
Cheng
It rather depends on your page.
Cheng
08-05-2006, 04:24 PM
Hi Twey
I'm talking about just an average webpage XHTML with some flash in it.
Would it possible in a page like the one below?
Thanks for the quick reply.
Cheng
Here the HTML and CSS:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<link href="/styles/layout.css" media="screen" rel="stylesheet" />
<link href="styles/layout.css" rel="stylesheet" type="text/css" />
<script SRC="FlashLoad.js"></script>
</head>
<body>
<div id="container">
<div id="top">
<h1 class="alt">Invisible Header</h1>
<div align="left">
<p>
<script>FlashLoad(7,'HeaderFlashContent.swf','#fff',780,120);</script>
</p>
</div>
</div>
<div id="leftnav">
<div id="menu"> <a class="alt" href="#content"><strong>Skip to Content</strong></a>
<script>FlashLoad(7,'LeftFlashMenu.swf','#fff',144,365);</script>
</div>
</div>
<div id="rightnav">
<p> </p>
<p><img src="images/LeftContainerContentImage.jpg" alt="" width="130" height="157" /></p>
</div>
<div id="content">
<h2>Content Header </h2>
<p>Center Text Content </p>
<p align="left"> </p>
<p> </p>
<pre align="left"> </pre>
<p align="center" class="style2"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="footer">
<p>Footer Content </p>
</div>
</div>
</body>
</html>
CSS:
margin-right: 170px;
background-color: #E9F2F8;
border: 3px solid #FFFFFF;
}
#content h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000099;
text-align: left;
background-color: #D4E5F7;
padding-top: 5px;
padding-bottom: 5px;
background-position: top;
font-size: 1em;
line-height: 1.5em;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
padding-left: 0.75em;
}
#content p {
color: inherit;
line-height: 1.2em;
font-size: 0.8em;
padding-right: 0.5em;
padding-bottom: 5px;
padding-left: 1em;
background-color: #E9F2F8;
padding-top: 5px;
}
#footer {
color: #000000;
text-align: right;
font-size: 0.75em;
border-top-width: 10px;
border-top-style: solid;
border-top-color: #96C0D8;
background-color: #FFFFFF;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0;
}
#container #content pre {
background-color: #E9F2F8;
padding-left: 3.75em;
}
div.textblockcontainer {
width: 422px;
}
div.textblockcontainer div {
float: left;
width: 50%;
}
Ah.
I don't know about the Flash. Is there some sort of onload event for Flash objects?
Cheng
08-08-2006, 10:36 AM
Hi Twey.
Sorry, for the late reply.
Here the external javascript file that loads the flash content and a centerd popup window.
Would be nice to have a loading proccess with a loaderbar for the HTML page.
Thank you very much.
Cheng
Here the Javascript:
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0";
else if (flVersion == '7')
flCodeBase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0";
else
flCodeBase = "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0";
document.writeln('<OBJECT ');
document.writeln('classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.writeln(' codebase=" ' + flCodeBase);
document.writeln(' ID="flash"');
document.writeln(' WIDTH=' + flWidth);
document.writeln(' HEIGHT=' + flHeight + '>');
document.writeln('<PARAM NAME=movie VALUE="' + flName + '">');
document.writeln('<PARAM NAME=quality VALUE=high>');
document.writeln('<PARAM NAME=bgcolor VALUE=' + flColor + '>');
document.writeln('<EMBED src="' + flName + '"');
document.writeln(' name="flash"');
document.writeln(' quality=high bgcolor=' + flColor);
document.writeln(' WIDTH=' + flWidth);
document.writeln(' HEIGHT=' + flHeight);
document.writeln(' TYPE="application/x-shockwave-flash"');
document.writeln(' PLUGINSPAGE="http://www.macromedia.com/shockwave/');
document.writeln('download/index.cgi?P1_Prod_Version=ShockwaveFlash">');
document.writeln('</EMBED></OBJECT>');
}
function NewWindow(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2;
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable'
win = window.open(mypage, myname, winprops)
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
I'm afraid I don't know enough about Flash to help you. I need some way to trigger some Javascript when the Flash object has finished loading. Perhaps BLiZZaRD or someone else who knows Flash can help.
Cheng
08-09-2006, 02:08 AM
Hi Twey.
Thank you and I hope someone of those guys will have a look into this thread.
If not I start a new one in the Flash section.
So long.
Cheng
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.