Question

$(document).ready(function() { 
    $('#storefront').click(function() {
        $(".centerdiv").load("storefront_a.php");
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff' 
        } }); 

        setTimeout($.unblockUI, 2000); 
    }); 
}); 

I got this code from Malsup . It worked on any browsers except IE. The script simply generate a full screen “Please Wait” with interval of 2 seconds before it disappear.

“What I want is to only remove the “Please Wait” screen whenever a content or the page finshed loading. is it possible. Thanks for Helping me! I will appreciate every answers.

Answer 1

Use the optional callback function of jQuery.load()

$(document).ready(function() { 
    $('#storefront').click(function() {
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000', 
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5, 
            color: '#fff'
        } }); 
        $(".centerdiv").load("storefront_a.php", function() {
            $.unblockUI();
        });
    }); 
});