A numericUpDown control contains a single numeric value that can be incremented or decremented by clicking the up or down buttons of the control.
The control is commonly found within all the major application frameworks but is missing from the standard set of HTML web form controls. This is an attempt at replicating the functionality with unobtrusive JavaScript.
All developer defined numeric values, including the increment, can be of type float or integer and negative minimum values are accepted. The controls can be individually skinned with css and are accessible using the keyboard.
Tested in Opera 8, Internet Explorer 5.5+, Firefox and Mozilla. Opera seems to add unexplained ‘ghost’ padding to the styled buttons which makes them overlap slightly – such is life.
View the numericUpDown control demo.
Previous Comments ~
Hi,
I’ve tested this script, but I’m having problems with multiple up down controlers on one page. Do you have any ideas how to fix this?
Kind regards, Natalie
@ Natalie: Hi Natalie, what sort of problems are you experiencing? It’s been so long since I wrote this script that I actually forgot that it existed…
Comments are currently closed for this article but feel free to email me with your input - I’d love to hear it.