jquery display dialog during page initialization

Question

How can I have a jqueryui dialog display "Loading" at the beginning of document.ready (or sooner) and then have it disappear at the end of document.ready.

FMCorz · Accepted Answer · 2011-07-28 15:04:11Z

1

Set and show your dialog right after the body tag and dismiss it when document.ready.

edited Jul 28, 2011 at 15:04

answered Jul 28, 2011 at 14:57

FMCorz

2,7462 gold badges23 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ShankarSangoli · Accepted Answer · 2011-07-28 14:59:13Z

0

Try this it will work in all the browsers even if they are slow in javascript execution like IE 6/7

$(document).ready(function(){

  $("LoadingContainer").dialog('open');

  setTimeout(function(){
    //Put all the stuff here which you want to execute on load

    //Finally close the loading dialog
    $("LoadingContainer").dialog('close');

  }, 400);

});

answered Jul 28, 2011 at 14:59

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Comments

Eric Di Bari · Accepted Answer · 2011-07-28 15:01:57Z

0

I would have an element that displays the message, and simply hide it when the document.ready is ready. For example:

$(document).ready(function() {
    // All other loading items
    $("#loadingMessage").hide();
});

Make sure you put the hide() function as the last, that way everything else loads first.

answered Jul 28, 2011 at 15:01

Eric Di Bari

3,8777 gold badges42 silver badges49 bronze badges

1 Comment

Eric Di Bari Over a year ago

Be sure to style #loadingMessage appropriately and by default set the display to something visible.

Collectives™ on Stack Overflow

jquery display dialog during page initialization

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related