Slider UI control scripts and demos

A Slider based on an "element API" - a script that combines a form element for relevant information (data values, key structural characteristics), and uses that information to build a new widget on the fly and insert it into the DOM. Describes & demos a test case that outlines our process for making this work. Using Progressive Enhancement to Convert a Select Box Into an Accessible jQuery UI Slider is a JQuery plugin for download to add an accessible slider to a web page. Jquery Accessible Slider

Slider using jquery and UI. View the options for setting up the slider and adding state change functions. Jquery Slider

Accessible, unobtrusive sliders - horizontal & vertical with callback function demo. Keyboard operable when slider has focus. Accessible Slider

Set min-value, max-value, default-value, step-values, left/right arrows, enter a value into the field, use an api function, mouse wheel (IE only), Attach onChanges event. Includes: Slider with two knobs. Slider

Demonstrates how multiple controls can be attached to page properties. Values can be changed by using ths input fields or the sliders and are displayed the current values as a small chart. AjaxEngine Slider

The Slider component is a UI control that enables the user to adjust values in a finite range along one or two axes. Typically, the Slider control is used in a web application as a rich, visual replacement for an input box that takes a number as input.. This is a demo with a split button slider demonstrates a cange in an image's opacity. YUI Slider

Vertical and horizontal sliders: Any number of controls can be added to any number of forms. Attaches to the existing form input (text or hidden), synchronizes both ways. Result is mapped to value from specified numeric range, discrete values (increments) / precision. Customizable appearance, input validation (specify range) Lightweight, All modern browsers supported, Object oriented, Easy setup - samples and documentation provided. The script is free for any applications. This Slider manipulation tutorial may help. Slider

Slider created for the web20 accessibility course. Uses ARIA markup and CSS classes to configure the slider. Accessible Slider

Includes 'stepped' interface - you can alter the onTick behavior, for example displaying an effect of the knob moving to the desired position. Passes as a parameter the new position. MooTools Slider