WeberDev.com PHP and MySQL Code

LOG IN
BEGINNER GUIDES  |  PHP CLASSES  |  CODE SEARCH  |  ARTICLES SEARCH  |  PHP FORUMS  |  PHP MANUAL  |  PHP FUNCTIONS LIST  |  WEB SITE TEMPLATES
Start typing to search for PHP and MySQL Code Snippets and Articles Search
Submit a code Example / Snippet Submit Your Code
Search Engine Optimization Monitor SEO Monitor
Web Site UpTime Monitor UpTime Monitor
WeberDev's Monthly code contest PHP Code Contest
Your Personal Examples List My Favorite Examples
Your Personal Articles List My Favorite Articles
Edit Account Info Update Your Profile
PHP Code Search
Web Development Forums
Learn MySQL Playing Trivia
PHPBB2 Templates
Web Development Index
Web Development Resources
Web Development Content
PHPClasses
PHP Editor
PHP Jobs
Vision.To Design
Ajax Tutorials
PHP Programming Help
PHP/MySQL Programming
Webmaster Resources
Webmaster Forum
XML meta language
website builder
Forex Trading Online forex trading platform

Go Back Add a Comment Send this example to a friend Add this Article to your personal favoritest for easy future access to your favorite Code Examples and Articles. Submit a code example Print this code example.
BACK ADD A COMMENT SEND TO A FRIEND ADD TO MY FAVORITES ADD CODE EXAMPLES PRINT
Title : Page Loading Message shown during the time your site's page is being loaded.
Categories : HTML, CSS, Java Script Click here to Update Your Picture
Ehsan Haque
Date : Jun 26th 2006
Grade : 4 of 5 (graded 9 times)
Viewed : 24559
File : 4431.zip
Images : No Images for this code example.
Search : More code by Ehsan Haque
Action : Grade This Code Example
Tools : My Examples List

  Submit your own code examples 
 

This is a simple Page Loader message that is shown during the time your site's page is being loaded.

Once all the items on the page is loaded, <body> tag's onLoad behavior sets the <div> (that contains the loader part) style property "display" to none.

Author : Ehsan Haque
Web : http://ehsan.bdwebwork.com
Created : 26th June 2006
Demo : http://resource.bdwebwork.com/PageLoader/


loader.html
<html>
  <head>
    <title>Page Loader</title>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen">
  </head>
       
  <body topmargin="0" bottommargin="5" onLoad="document.getElementById('siteLoader').style.display = 'none';">

      <div id='siteLoader'>
        <div id='siteDetailLoader'>
        by: <a href='http://ehsan.bdwebwork.com' target='_blank'>ehsan haque</a>
        </div>
        <div id='loadImg'>
        <img src='loading10.gif' border='0'>
        </div>
        <div id='loadText'>
        page is loading
        </div>
      </div>
     
      <iframe height='400' width='800' src='http://www.weberdev.com' scrolling='auto' align='bottom'></iframe>
     
      <p style='font-family:verdana, arial, courier; font-size:10px;'>
      Information:<br>
      This Page Loader uses simple CSS properties to show the Page Loading message.
      <br>
      The image was used for no commercial purpose but just as an example.
      </p>
    </body>
   
</html>
Javascript Background Scroller
Categories : Java Script, CSS, HTML
Table editable dynamic form with edit + selection (select / option) + checkbox.
Categories : Java Script, DHTML, User Interface, CSS, HTML
Show or Hide your Content using Javascript
Categories : Java Script, HTML, CSS, Beginner Guides



Javascript animated menu items
Categories : DHTML, CSS, Java Script, HTML
Bouncing Marquee at Status Bar
Categories : Java Script, HTML, Browsers
How to keep your tables width stable even if you have long strings inside.
Categories : CSS, Web Browsers, HTML, Beginner Guides
Prevent Right Mouse steal your graphics
Categories : HTML, Java Script, Security
complete simply working javascript password generator file. Use letter, vowels, consonants (uppercase and lowercase) arrays to create a really random and secure password. improved security using time functions to initialize random number generator.
Categories : Java Script, HTML, Security, Authentication, Strings
Clock at Status Bar
Categories : Java Script, HTML, Date Time
Builds JavaScript that updates the contents of one selector based on another.
Categories : HTML, Java Script, PHP, Complete Programs, General
<FORM> causing an extra line in HTML output on IE
Categories : Beginner Guides, HTML, CSS
day and week grid with clickable fields on/off and possibility to insert in DB
Categories : PHP, Java Script, CSS
Mordern Peroidic Table - Science
Categories : Java Script, HTML, Charts and Graphs
Unobtrusive javascript for maintaining scrollable layer state
Categories : DHTML, Java Script, HTML