Log in

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

Twey
08-05-2006, 03:46 PM
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>&nbsp;</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">&nbsp;</p>
<p>&nbsp;</p>
<pre align="left">&nbsp;</pre>
<p align="center" class="style2">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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%;
}

Twey
08-05-2006, 05:13 PM
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(); }
}

Twey
08-08-2006, 10:08 PM
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