Pre-Loading Message

Robert Paulson May 25, 2005

General

Use this script to warn your visitors that your page is loading. Short but effective.

Notes

Created by: Robert Paulson
Web Site: http://www.abrahamjoffe.com.au/
Posted: May 25, 2005

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: preLoadingMessage.js

document.write('<div id="loading"><br><br>Please wait...</div>');

// Created by: Simon Willison | http://simon.incutio.com/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  document.getElementById("loading").style.display="none";
});

CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.

#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="preLoadingMessage.js"></script>

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details