Regular Coders
Loading HTML
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
Modtoreador
It rather depends on your page.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Regular Coders
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:
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>
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%;
}
Modtoreador
Ah.
I don't know about the Flash. Is there some sort of onload event for Flash objects?
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Regular Coders
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="clsid27CDB6E-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(); }
}
Modtoreador
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.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
Regular Coders
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
Posting Permissions
Reply With Quote
Bookmarks