Question

I have 4 content placeholder from my master page and I am using the 3rd content placeholder. And I am trying to block the entire page. But it blocks only the 3rd content placeholder area. It blocks only the specified area.

I am using jQuery:

<script language="javascript" type="text/javascript">
    $(function() {
        //$().ajaxStart($.blockUI).ajaxStop($.unblockUI);
        $('#divConfirmBox1').block({ message: $('#divConfirmBox') });
    });
    $(function() {
        //$().ajaxStart($.blockUI).ajaxStop($.unblockUI);
        $('#divConfirmBox').click(function(event) {
            $('#divConfirmBox1').unblock();
        });
    });
</script>

Is there any way I can block the entire page?

Answer 1

Well you are specifying an element to block : $('#divConfirmBox1').blockui

To block the whole page you use $.blockui

e.g

$.blockUI({ message: '<h1>I block the whole page</h1>' });