Javascript Preloader

eranda · #1 (**permalink**) May 10th, 2007, 12:13

Hey guys anyone know how to create a javascript preloader?
Please help me..
Thnxxx

karinne · #2 (**permalink**) May 10th, 2007, 12:31

What do you want to preload? There could be a CSS way instead (depending on your answer)

eranda · #3 (**permalink**) May 10th, 2007, 13:02

Quote:

Originally Posted by karinne

What do you want to preload? There could be a CSS way instead (depending on your answer)

Ya it's ok the css way...
But how do it do?

Did you see the gmail loading msg on right top of the window when it loads....?
That's what i want to do....

karinne · #4 (**permalink**) May 10th, 2007, 13:14

No idea what you are talking about.

eranda · #5 (**permalink**) May 10th, 2007, 13:22

Quote:

Originally Posted by karinne

No idea what you are talking about.

Ok ok... just forget about what i told..
Just tell me how to make a Preloader using CSS and HTML...
Thnx in advanced!

karinne · #6 (**permalink**) May 10th, 2007, 14:14

Like I said ... it depends what you are trying to do ... if you're loading images for a rollover menu. Usually ... this means you have 2 images. 1 for the normal link state and 1 for the hover. Instead of using JS to preload the 2 nd image, just combine both and use CSS to display in the proper position.

Pure CSS rollovers without Javascript

But ... again ... this might have nothing to do with what you are doing so .. be more specific. Explain it better. Give us an example.

eranda · #7 (**permalink**) May 11th, 2007, 04:48

Quote:

Originally Posted by karinne

Like I said ... it depends what you are trying to do ... if you're loading images for a rollover menu. Usually ... this means you have 2 images. 1 for the normal link state and 1 for the hover. Instead of using JS to preload the 2 nd image, just combine both and use CSS to display in the proper position.

Pure CSS rollovers without Javascript

But ... again ... this might have nothing to do with what you are doing so .. be more specific. Explain it better. Give us an example.

Ok.........
What i want to is......
Just think that u type http://www.mypage.com in your web browser....
Then until it finished loading to your web browser, I want show a message "Loading Please wait"....

karinne · #8 (**permalink**) May 11th, 2007, 12:15

Ugh! Have a look at hotscripts or something ... But I would advise against it tho. It's very rare that you get a website that takes forever to load ... and if it does, it's because of poor coding.

nitinmukesh123 · #9 (**permalink**) May 28th, 2007, 04:10

I don't know javascript much but can't u display a text message in div like "Loading page please wait" and onLoad event simply hide the div...

TheSealPortalTeam · #10 (**permalink**) May 29th, 2007, 00:08

well then this pages code needs a little work, mabe just have it load or 'render' in layers, I don't know how that works but most sites have that, this site has the effect, IMVU has it Myspace has it, I guess its in a css style sheet.

Just have a page that calls upon all the required images and things, or send a 'prerender' text or image

spinal007 · #11 (**permalink**) May 29th, 2007, 01:32

Quote:

Originally Posted by nitinmukesh123

I don't know javascript much but can't u display a text message in div like "Loading page please wait" and onLoad event simply hide the div...

Yep. That's the way.
Something like this...

Code: Select all

<html>
<head>
<script>
var HideLoadingMessage = function(){
 document.getElementById('WAIT').display='none';
};
window.onload=HideLoadingMessage;
</script>
</head>
<body>
<div id='WAIT'>Please wait, I'm loading...</div>
PAGE CONTENT
</body>
</html>

For future reference, if you want people to help you must take the time to at least explain what you're trying to do. Saying "I want a preloader, how do I do it?" doesn't get anyone wanting to help you. I actually think it's very insulting. You sound like a newbie though so I thought I should give you a 'heads up'...

Next time,
1. Search on Google (you would have found the following)

'Loading - Please wait' Message Display Script - Javascript

Add a 'Loading - Please wait' Message Display Script to your site ideal for sites ... to customize the script, then copy and paste it into your HTML editor. ...
rainbow.arch.scriptmania.com/scripts/preload_wait.html - 9k

While the page is loading, a PLEASE WAIT message by PIAZZA Stephane

with the height and width set correctly in the html. the progress bar is just a ... I get the message, "please wait..." when attempting to use the Oklahoma ...
www.aspin.com/func/goto?id=1606910 - 105k

2. If Google can't help you, ask somebody to help. But try to explain exactly what you want to do, with examples (if possible)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Help with preloader	tcpodg	Flash & Multimedia Forum	2	Dec 6th, 2007 13:57
preloader	crazytyler34	Flash & Multimedia Forum	3	Oct 28th, 2007 17:27
preloader help	jpixel	Flash & Multimedia Forum	3	Sep 27th, 2007 20:35
Help with preloader	huminuh83	Flash & Multimedia Forum	4	Jan 6th, 2007 20:10
animated preloader?	moomin82	Flash & Multimedia Forum	1	Mar 19th, 2006 14:47

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Javascript Preloader