Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

throbber


Loading

Submitted by nbubna on June 23, 2009 - 4:50pm

Provides trivially easy way to notify users that a request is being loaded and processed in the background, so that they know their action was received and the page has not frozen. Just toggle the message (or image or any element) on or off with $.loading() or $('#foo').loading(). The plugin handles creation and positioning and "pulsing" of the message for you. It also provides a 'mask' option to block the UI (at the call level) while the loading message (or image or any element) is running. You can tell it to automatically toggle on ajaxStart/ajaxStop with the 'onAjax' option. You can tell it to automatically terminate after a specified time with the 'max' option. You can tell it to only show if the loading takes longer than a specified time with the 'delay' option. And so on... Think of this as a cleaner, more user-friendly $.blockUI, where the blocking part is optional.

jQuery UI Throbber

Submitted by jeremylea on June 22, 2009 - 4:43pm

A vector graphics based throbber or spinner (see Ajaxload for other examples). The throbber uses SVG on browsers and VML on that other thing... No more making GIFs for different sizes and backgrounds.

The throbber color, background, segment path and opacity, etc. can be customized in the traditional jQuery UI way, although it is limited to segmented rotating designs. See the demo for example usage.

Inspired by the Raphaël · Spinner demo.

Throbber (aka loading animation)

Submitted by Lutz Issler on August 27, 2008 - 8:36am

Throbber creates a loading animation for jQuery, ready to be used in your AJAX applications. Of course, the throbber is not limited to AJAX but can also be triggered manually.

Using the plugin is easy:

$("#button").throbber("click");

adds a loading animation (›throbber‹) to the DOM node with the ID ›button‹ which shows up when a click event is triggered.