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:
No comments yet.
RSS feed for comments on this post. TrackBack URL