A feature rich, easy to integrate spinner control for your form inputs.

Features

* Uses mousedown to allow continuous incrementation
* Increases in speed over time
* Responds to arrow-up and arrow-down while in the input
* Works with integers, decimals, and arrays
* Has a configurable interval
* Has a configurable minimum and maximum value
* Enforces min and max on blur
* Automatically adds a prefix and a suffix
* Ignores non-number parts of typed text

Decimal example

new SpinnerControl('input_id', 'up_arrow_id', 'dn_arrow_id', {interval: 0.1, round: 1});

Integer example

new SpinnerControl('input_id', 'up_arrow_id', 'dn_arrow_id', {
  min: 0, max: 100, suffix: '%'
});

List example

var days = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday'.split(' ');
new SpinnerControl('input_id', 'up_arrow_id', 'dn_arrow_id', {data: days});

Demo: http://kendsnyder.com/sandbox/Spinner/demo.1.0.html

Download: http://kendsnyder.com/sandbox/Spinner/SpinnerControl.js

Source: http://kendsnyder.com/sandbox/Spinner/demo.1.0.html

Related Listings:

1. Form Element AJAX Spinner Attachment Using jQuery Form Element AJAX Spinner Attachment Using jQuery I’ll show you...
2. Fancy Mootools Date Picker this uses MooTools v1.11. I’ll be releasing a new version...
3. Selecting Dates in Calendar Script A function that will select all dates in the currently...
4. jQuery Star Rating Plugin beta A quick and dirty re-creation of a star rating plugin....
5. Week Calendar using Jquery A jquery plugin providing a weekly view of calendar events....

Do you like this post?

Email: