To administer your WestHost account, please enter your
Domain Name or Server Manager Username.

More jQuery (BlockUI plug-in)

“The page at says…”

Does that look familiar? If you use alert() or confirm() from JavaScript in your web page, some browsers display a standard, boring window with that title, and your message in it.

A few weeks ago, I introduced jQuery, a powerful tool for writing dynamic and engaging websites quickly. Today I’d like to take a brief moment of your time to introduce BlockUI, a plug-in for jQuery. Beyond the power of jQuery itself, you can accomplish much using jQuery plug-ins. Many common tasks are taken care of and abstracted into easy to use, feature-rich plug-ins – a full list can be found at

BlockUI ( is a small plug-in that will allow you to change a boring prompt into a nice-looking one.

Turn this:

…into this:

The BlockUI plug-in allows you to place the message over the whole page, or over just a particular block element (like a “div” tag). You can specify a message to display, or you can even have a complex piece of your page hidden (with style=”display: none”) and display it in this fashion.

Visit to download it, and to view more examples – and bring your website’s messages up to the next level.

This article was brought to you by WestHost, for shared hosting, dedicated server hosting, cloud servers and 24/7 support visit our site here

This entry was posted in Web site Development and tagged , . Bookmark the permalink. Both comments and trackbacks are currently closed.


  1. Posted March 5, 2009 at 00:17 | Permalink

    That really is a powerful tool. The examples on the download page are indicative of this plugins versatility. It reminds me of slimbox, which is also a jQuery plugin.

    jQuery is a lightweight script that can increase productivity so much that it is mind-boggling!

  2. Sajid Wasim
    Posted August 20, 2009 at 04:52 | Permalink

    I am unable to use this plugin. Does it required a ajax enabled website? How do I use it in 2.0? I tried to use it in a simple html page but getting as did but getting “jQuery is undefined” error! What I should do?

  3. Sajid Wasim
    Posted August 20, 2009 at 04:56 | Permalink

    Also I download the page with js files jquery.blockUI.1.33.js and jquery.blockUI.js now it says “Invalid Charecter” :(

  4. Posted August 20, 2009 at 09:27 | Permalink

    Hi Sajid,

    If you’re using ASP.Net, then you have some special benefits due to Microsoft shipping JQuery along with Visual Studio (e.g., you can use IntelliSense with JQuery, etc). Here is a link explaining how it all works with ASP.Net:

    There is another page that’s not quite as organized but which gives a better “from the ground up” tutorial:

    Good luck!

Copyright © 1998–2015, WestHost. All rights reserved.  |  WestHost / Believe in Better Hosting. Privacy Policy