Results 1 to 7 of 7

Thread: Loading HTML

  1. #1
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default 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

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    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!

  3. #3
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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%;
    }

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    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!

  5. #5
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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(); }
    }

  6. #6
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    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!

  7. #7
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •