Carpe Slider | JavaScriptSource

Carpe Slider

Tom Snickars Jan 12, 2006

General

This slider is a good alternative to the text input tag, when the expected value is limited to a certain interval and/or when only a limited number of values in the interval are allowed. This cross-browser slider does not contain any image elements or applets. Adding a slider is as easy as adding an HTML element. Settings are easy to modify with a few attributes of the slider element.


 
 
 
 
 
 
 
 
 
 
 
 
 

Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: carpeSlider.js


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Leave a Response

(2 comments)

Your question is beyond the scope of these comments. You will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!

Lee Oct 31, 2008

In this Carpe Slider, the original coordinate of the slider is set by attribute style="left". I find this not to be very practical in my current application.[br /][br /]Thierry

Thierry Hoornaert Aug 23, 2008