ansaurus

Question

Can we hide javascript loading from the user?

Answer 1

A:

OK I found this little nugget of jquery which works a treat:

$(document).ready(function() {
  //Call your function here
});

jsims281 2009-06-16 10:45:15

you're using jquery, then? I'll update the tags....

Jonathan Fingland 2009-06-16 10:46:08

You can shorten that by using $(function(){ //Your code here });

OneSHOT 2009-06-16 10:51:43

Answer 2

+3 A:

I would recommend first settings some class on the body which will toggle the visibility of some elements.

<body class="loading"> .... </body>

Then, when the script finishes loading, you can remove this class and show all the things you need. You can even use the "loading" class to show some fancy background, like a spinning circle of dots in Mozilla.

Also some projects use another method of loading scripts instead of "onLoad". First you create a global array, let's say, named "domReady".

window.domReady = [];

And when you need to add some function that will be run on page load, you just push it into this array:

window.domReady.push( function foo(){ alert('Hey!'); } );

And at the last line of the document you put the function that will run all the pushed procedures:

for (procedure in window.domReady) {
    window.domReady[procedure].call();
}

Since it will be the last line of the document before the closing tag, the DOM will be ready, and you won't have to wait until all the images are loaded.

Igor Zinov'yev 2009-06-16 10:51:46

ansaurus

tags:

views:

answers:

Can we hide javascript loading from the user?

related questions