jquery-waiting

Creates loading/waiting mask over element

Tested on IE 7+ and FireFox. Not tested on Chrome or Safari yet.

##Examples

  //Creates a waiting masking and spinner over the element   $('#elementID').waiting();

  //Stops the spinner   $('#elementID').waiting('pause');

  //Starts the spinner back up   $('#elementID').waiting('play');

  //Removes the spinner   $('#elementID').waiting('done');

###Options

JQuery.waiting([options])

options

Type: PlainObject
A set of key/value pairs that configure the Waiting widget. All settings are optional.

size (default: 0)

Type: Int
Radius of spinner. If zero, or larger than target, spinner fills element. Can specify for element to be smaller than target.

quantity (default: 10)

Type: Int
Specifies the number of dots to generate.

dotSize (default: 6)

Type: Int
Specifies the radius of the dots to generate.

enableReverse (default: true)

Type: Boolean
If true clicking the element/mask reverses the spinner.

waitMovementIncrementer (default: 1)

Type: Int
Determines the direction of the spinner. Runs clockwise be default. Negative is counter-clockwise.

light (default: false)

Type: Boolean
Determines is the light/blue color theme is used or not.

fullScreen (default: false)

Type: Boolean
Determines if the mask should target the entire screen instead of just the target element.

speed (default: 100)

Type: Int
Number of milliseconds between color changes. Lower number equates to faster changes.

circleCount (default: 1)

Type: Int
Determines the number of circles to display on target element. Each circle of dots will contain the same number of dots specified by quantity.

tailPercent (default: 0.25)

Type: Double
Determines the percent of dots to use can trailing gradients.

Future endeavours

• Move inline styles to css
• Finish browser testing
• Add example page
• Add documentation