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.

loading


progressDialog for jQuery

Submitted by vakin on August 4, 2010 - 10:52am

When we use ajax to call service,We often need to wait some time,For more humanistic，We Can show a loading information with progressDialog for jQuery.

Loading: jQuery plugin to set a loading image during an action

Submitted by bub325 on July 27, 2010 - 7:19am

Loading is a jQuery plugin to display an image during an action ; exemple: an ajax request.

showLoading

Submitted by jim_keller on June 20, 2010 - 3:00pm

This plugin is designed to show a loading image over a specific area of the screen (e.g. a specific div or other dom element) while an ajax request is running.

Originally created for the Junebug dating site

Infinite Scroll

Submitted by rashid2538 on February 23, 2010 - 1:12pm

A plugin for binding infinite scroll to a container.

Download : scroll.jquery.js

loadanim

Submitted by Bruce.Lueckenhoff on December 3, 2009 - 1:39pm

Introduction

This is loadanim, a jQuery
plugin that provides an easy way to display a textual animated loading
indicator similar to the one used by Yahoo and Google GMail.

To use it, call
$.loadanim.start()
to show the waiting indicator, and
$.loadanim.stop()
to hide it.

Options

updateTime
The animation update time, in milliseconds. Default is 400.
message
The text message to display. Default is "Loading".
ellipsisText
The ellipses to cycle through. Default is three dots "...". (some people like four dots instead)

jQuery verboseLoad Plugin

Submitted by jterenzio on October 29, 2009 - 9:11pm

jQuery verboseLoad Plugin

This is a simple plugin that extends the functionality of $.load(). Instead of quietly loading some HTML into a div with ajax, you can now specify a snippet of HTML that will occupy the div while the ajax request is being made. This is perfect if you want to put a loading indicator in a box while the rest of the content is downloading.

Usage:

$( elem ).verboseLoad( loadingHTML, url, [data], [callback] )

Example:

$('#tweet').verboseLoad('<img src="loading.gif" alt="Loading last tweet..." />','twitter.php');

Demo:
If you click Try out a demonstration here or below, you will be directed to my homepage. The Twitter widget in the sidebar is loaded with $.verboseLoad().

(ternstyle's) ternElapse for jQuery

Submitted by matthew@ternstyle.us on September 22, 2009 - 5:01pm

The ternElapse plugin allows you to cover any HTML element with a transparent mask and place a loading image and text at the center of the mask. With this plugin you can open and close the mask, change the text and/or image inside the mask or include no text or image to begin with. Cover the document body or cover any other block level HTML element.

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.

LoadMask

Submitted by serg on June 19, 2009 - 12:09am

LoadMask jQuery plugin can mask DOM elements while their content is loading or changing to prevent user interactions and inform that some background task is still running. It is very light (~2Kb) and easy to use.

This plugin behavior is largely based on Element.mask() method from ExtJS Framework. If you are not familiar with the concept you can see it in action here.

Usage

jQuery version required: 1.2.3 or later.

Please note that only elements that accept child nodes can be masked.

Masking

To put a mask over an element (or multiple elements) simply call `mask(label, delay)` method with two optional `label` and `delay` parameters:

$("#mydiv").mask("Loading...");
$(".grids").mask("Loading...", 500);

Loading Animation Plugin

Submitted by Kingmade on May 5, 2009 - 6:09am

A simple Plugin to transparent coloring a area and filling with a loading symbol during a process is running. Great for tables when you have a ajax sort, paging or realoding which needs some secounds.