DailyJS

jQuery Roundup: jQuery BBQ, blockUI

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery ui plugins

jQuery Roundup: jQuery BBQ, blockUI

Posted by Alex R. Young on .
Featured

jquery ui plugins

jQuery Roundup: jQuery BBQ, blockUI

Posted by Alex R. Young on .

Welcome to the jQuery roundup 38. You can send your plugins and articles
in for review through our contact form or
@dailyjs.

jQuery Community Updates for December

Addy Osmani has posted the jQuery Community Updates for
December

to the jQuery blog. There are details on preparations for jQuery 1.5,
which features a major overhaul of the jQuery.ajax code and
API.

jQuery BBQ

jQuery BBQ (MIT and GPL licenses) by Ben Alman helps manage bookmarkable #hash history. There's
a "project page", unit
tests
, and lots
of
examples
.

This plugin can cope with multiple history states per page, as
demonstrated in the advanced
example
.

jQuery History Plugin

jQuery History Plugin by Mikage Sawatari and Takayuki Miwa is another hashchange
event-based history plugin. The API is slightly different to jQuery BBQ,
using the \$.history.init() and
\$.history.load() methods to work with history.

blockUI

blockUI (GitHub: malsup / blockui) by Mike Alsup allows you
to block interactions with a page until asynchronous events have
completed. It fades the page and shows a message, but it also sets the
mouse cursor to a suitable busy icon.

This example makes a nice rounded-corner style display:

$(document).ready(function() { 
  $('#demo2').click(function() { 
    $.blockUI({ css: { 
      border: 'none', 
      padding: '15px', 
      backgroundColor: '#000', 
      '-webkit-border-radius': '10px', 
      '-moz-border-radius': '10px', 
      opacity: .5, 
      color: '#fff' 
    } }); 

    setTimeout($.unblockUI, 2000); 
  });
});