‹‹ homejQuery BlockUI Plugin (v2) - Positioning Demo

Element blocking will block this div. The following code is used on this page:

$(function() {

    // normal page blocking
    $('button:eq(0)').click(function() {
        $.blockUI();
        setTimeout($.unblockUI, 2000);
    });

    // page blocking with custom positioning
    $('button:eq(1)').click(function() {
        $.blockUI({
            // disable vertical centering
            centerY: false, 
            // apply css props as desired
            css: { top: '10px', left: '20px' }
        });
        setTimeout($.unblockUI, 2000);
    });

    // normal element blocking
    $('button:eq(2)').click(function() {
        $('#test').block();
        setTimeout(function() {$('#test').unblock();}, 2000);
    });

    // element blocking with custom positioning
    $('button:eq(3)').click(function() {
        $('#test').block({ 
            // disable horz centering
            centerX: false,
            // disable vertical centering
            centerY: false,
            // apply css props as desired
            css: { top: '10px', left: '20px' }
        });
        setTimeout(function() {$('#test').unblock();}, 2000);
    });

});