Join Joe Marini for an in-depth discussion in this video Using sliders, part of Prototype and script.aculo.us Essential Training.
- View Offline
- Exercise Files
The last control in script.aculo.us I am going to take a look at is the slider control.…And a slider control can be used to select a single or multiple values from a…given range or even a set of values.…And the way the slider is used is you create a new instance of the class…Control.Slider, just like this here, and the sliders.js module is the file…that you want to include when you are using sliders in script.aculo.us in your web pages.…
So when you instantiate a new slider there are a variety of options that you can…pass in, and those are documented here in this table.…And now I am going to go over some of the more important ones.…The axis option lets you specify whether the slider is horizontal or vertical.…The increment defines the relationship of the value to pixels.…So for example setting this to 1 means each movement of 1 pixel means 1 value.…You can specify a maximum and minimum, or you can specify a range using the $R…syntax which we learned about earlier in the course.…
The sliderValue option sets the initial value of the slider.…
- Retrieving and manipulating web page elements
- Handling web page events and creating custom events
- Traversing the DOM
- Creating and handling AJAX requests
- Using script.aculo.us controls such as Autocompleters, Sliders, and Visual Effects
- Building complex page features like data filtering and image rotators
Skill Level Beginner
1. Overview of Prototype
Introducing Prototype4m 59s
2. Retrieving Page Content
4. Working with Collections
5. Using Prototype's DOM Features
6. Working with Events
7. Prototype and AJAX
8. script.aculo.us and Prototype UI
9. Putting It All Together
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.