web forms

SpinBox.JS 2.1 Released – With Keyboard Navigation and 3 New Modes

Version 2.1 of SpinBox.JS has arrived with:

  • keyboard up and down arrows navigation *
  •  four rendering modes – normal, months, monthsRomanUpper and monthsRomanLower all of which render localizable state-of-the-art month spinboxes at a killer speed
  • min and max value of the spinboxes

And yet more:

  • full browser support – Internet Explorer 6/7/8, Mozilla FireFox, Opera, Safari, Google Chrome, Netscape Navigator, K-Meleon
  • improved rendering and skinning mechanism with 10 preset skins ** – Acid, AcidMachine, Blue, Default, Green, Mac, Office2003, Office2007, Red and WeMakeSites
  • localization with 10 preset languages *** – Bulgarian (bg-BG), German (de-DE), English (en-US), Spanish (es-ES), French (fr-FR), Greek (gr-GR), Italian (it-IT), Romanian (ro-RO), Russian (ru-RU) and Turkish (tr-TR)

SpinBox.JS is an unobtrusive and almost codeless way to turn the ordinary input text boxes into cool looking, multifunctional and skinnable spin boxes.

All you have to do is to create a normal text input on the page, give it an ID, edit a few arguments, set a skin in the initialization script and hit F5 to view the amazing transformation.

On this demo page you will learn how to do this. Installing, configuring and running the script is a matter of minutes.

SpinBox.JS comes with a set of 10 predefined skins – Acid, AcidMachine, Blue, Default, Green, Mac, Office2003, Office2007, Red and WeMakeSites. Applying skins is done automatically after setting a skin name in the declaration of the spinbox, and you will not have to add manually style or link tags. SpinBox.JS supports multiple skins on a single page, and you may use a different skin for each SpinBox on the page, as shown below. Creating a custom skins does not require expert skills in CSS programming, and basically you have to change a couple of CSS properties in the skin files.

SpinBox.JS supports all properties that can be applied to a normal text input element – enabled, disabled, name, alt, title, id and readonly. You may also separately enable or disable the increase or decrease buttons.

This script is included in the latest version of Acid.JS – The AJAX Tools and Widgets Library as well.

Download SpinBox.JS.

View Online Demo of SpinBox.JS.
Visit the Webpage of SpinBox.JS.

SpinBox.JS 1.1 Has Been Released

There is a new version of SpinBox.JS with support for Google Chrome and Safari, improved rendering and performance and a brand new killer feature. Take a look at it here.

This script is included in the latest version of Acid.JS – The AJAX Tools and Widgets Library as well.