Slider UI control scripts and demos

A Slider based on an "element API" — a script that combs 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. Jquery 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

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

An easy-to-set-up slider using scriptaculous. Simply set the handle and track IDs and any of the available options to configure the slider and functions to let javascript update its state. Aldenta.com has a two coloured scriptaculous slider. Prototype Slider

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

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