% write_header_contents() %><% write_border("top") %> <% write_border("right") %>
<%if session("Entry_Point") = "CAC" then%>
2002-10-07: First public version released
Sliders are useful controls for choosing a value in a range of values. Common uses are volume controls, seekers for movie and sound files as well as color pickers. A few people have asked for an update to the old Slidebar component to make it work in Mozilla and work better in IE. But since the original control was very basic and was not very usable I decided to create a new one.
When starting with the new slider a few main features where kept in mind:
The slider works in any browser but the GUI component works in
browsers with simple DOM level 1 support with one IE extended proprietary property.
That property is
To use the slider we have to include a few JS files and a CSS file.
Then we need to define the HTML to use for the slider. Something like this:
<div class="slider" id="slider-1" tabIndex="1"> <input class="slider-input" id="slider-input-1" name="slider-input-1"/> </div>
After this we have to create the JS object that handles the logic. If we only plan to use this in pages and applications that you know will support the dynamic slider control we can use the following script block. This should be placed directly after the slider div.
If we however cannot guarantee that all user uses browsers that support
Send mail to Pastor Joseph at
email@example.com for prayer, or for free,
in-home Bible study.