Advertise here with BSA

This is a beautiful jQuery plugin that automatically converts select boxes into accessible sliders.

jQuery UI’s slider component is used. Besides a standard slider, multiple select boxes can be used to generate 1 slider too for mentioning a data range.

Usage is terribly easy:

For such a select box:

<label for="speed">Select a Speed:</label>
<select name="speed" id="speed">
<option value="Slower">Slower</option>
<option value="Slow">Slow</option>
<option value="Med" selected="selected">Med</option>

Call the function & that’s all:

$('select#speed').accessibleUISlider();

The initial position of the slider can be mentined via the selected="selected" attribute to the option element you prefer.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)