Any alternative to blockUI for jQuery?

Question

The question says it all! I am looking for an easy to use alternative of blockUI for jQuery. I've been trying for days to center a dialog box with blockUI in both FireFox and IE but no chance. It doesn't work. I looked at this question about centering a blockUI dialog box (How can I get a DIV to centre on a page using jQuery and blockUI?) but it works only with Firefox.

Solution 1

For dialog boxes, I have switched from blockUI to Jquery UI. I think it's better.

Solution 2

you might want to check this plugin call jQuery MSG. It works great in most of the browsers including ie6. And it is very light weight, only 4k uncompressed with code comments.

Example code

// this will block the page and shows a `please wait` message
$.msg();

// you can change the content by the following code
$.msg({
  content : '<img src="loading.gif"/> Sending mail :)'
});

Demo page

Source code on github

Full documentation and usage please check this post

or if you just want to centralize some DOM element you can take a look at this jQuery Center plugin

Comments

[Jason Roberts]

Just make sure you get your css / jquery ui theme correct or you'll still be able to click the background of the page :)

[django]

this plugin does support blocking of elements. It just puts overlay to whole window

[Mark Schultheiss]

Note this uses jQuery.browser which was removed in jQuery 1.9