Pre-Loading Message
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
CSS
Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.
Head
Paste this code into the HEAD section of your HTML document.
Leave a Response
(27 comments)I would set the body tag to style="display:none;", and give it an id, like id="pageBody" and then at the bottom, under document.getElementById("loading").style.display="none";[br /]add[br /]document.getElementById("pageBody").style.display="";[br /]and that will make the whole body visible at once.
Your question is beyond the scope of these comments. You will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!
Thanks so very much for this simple but precise script. After dealing with tons of weirdness of the old 'onload' that firefox killed, my final attempt to make a page-loader was to browse the JavaScript online sources. What a lifesaver.[br /][br /]Plus I was able to easily add a fade out with jQuery!
The script is short and effective.[br /]and simple to use in a site, it works fine.[br /]thanks
Thank you very very much. I was lookin for something like it for a while.