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.


One comment

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s