Navigation Menu
Alphabetical Listing
Site Contents

Site FAQ
About JSS
JavaScript Forum
JavaScript Tutorial
Friends of JSS

Link to Us
JavaScript Help
Contribute a script
Technology Jobs

Become a Partner

Internet.commerce

Be a Commerce Partner














Internet.com

IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

Developer Channel

FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

Great Sites

DocJavaScript.com
dhtml.com
The Freebie Directory
TheFreeSite.com

Browse Doc JS's Tips!


Hiermenus Central


Promotions

Free Announcements


Social Bookmark

General

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


Notes

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.


User Comments

Add a comment, suggestion, or correction
[For questions about usage, consult the Notes tab above or visit the JavaScript forum. Do not include more than two (2) lines of code in your comments. If you have suggestions or corrections, you can submit them to us.]

    
   
       
[optional]
 
[optional]

   

Comments feed Comment Feed RSS 2.0

26. From: ISOSCELES
Added fade out
09/07/2008 23:52:00

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.

Plus I was able to easily add a fade out with jQuery!

25. From: Hein Kuiper
09/04/2008 09:17:29

The script is short and effective.
and simple to use in a site, it works fine.
thanks

22. From: Anshul Singla
Thank you
06/30/2008 16:50:47

Thank you very very much. I was lookin for something like it for a while.

23. From: Marshal Baker
Loading page. Please wait...
06/29/2008 15:51:48

The idea of the scritpt looks cool but does not work for me on the web. Could you look at it and see what I am doing wriong.

Thank you,
Marshal

24. From: Lee (Admin)
10/31/2008 14:59:34

Your question is beyond the scope of these comments. You will need to post it over on the JavaScript forum. Thanks!

21. From: Justin
NICE!
02/22/2008 11:28:57

I was searching a long time for someting like this!
THANKS :D

19. From: Nilofar Haidumiya
It's awesome!!
01/23/2008 08:08:53

I was searching for something like this from past 3 days.........didn't get any proper result...........

But this is amazing........its so simple and easy.....

Cool!!!

17. From: mao
waiting for all
01/09/2008 07:41:30

is there a way to make this loder waits for the loading of alla the page...

in other words... while all the page is loading I want to see only the preloader message...

thanks in advance!!!

27. From: Joe Tricarico
11/08/2008 13:51:38

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";
add
document.getElementById("pageBody").style.display="";
and that will make the whole body visible at once.

16. From: Amit
Nice work Man
01/09/2008 03:26:07

Thanks for the script...!

next comments...

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.