simple example for .blockUI in jquery

Question

HI please guide me to the purpose of blockUI with an simple demonstration

-Thanks

Answer 1

Take a look at the demos on the plugin page.

You need to do have the following in a page (in this order)

1. Add a reference to the jQuery core script
2. Add a reference to the Block UI script
3. Add the jQuery code required to achieve the overlay when it is required

Answer 2

From the homepage:

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

If you want to have ajax, but you also want to block user input while a long ajax request is happening, then BlockUI is for you.