Location: A review of cardiac cellular electrophysiology models @ 0c824288680f / dojo-presentation / js / dojo / dijit / tests / form / test_Slider.html

Author:
David Nickerson <nickerso@users.sourceforge.net>
Date:
2009-07-07 22:22:32+12:00
Desc:
renaming files in order to move to a single reference description for the entire tutorial
Permanent Source URI:
https://models.physiomeproject.org/workspace/a1/rawfile/0c824288680f5949ea1972a76176826599ef6d26/dojo-presentation/js/dojo/dijit/tests/form/test_Slider.html
Compare... Download Source

Slider

Also try using the arrow keys, buttons, or clicking on the progress bar to move the slider.

initial value=10, min=0, max=100, pageIncrement=100, onChange event triggers input box value change immediately
Horizontal Slider Example
    1. lowest
    2. normal
    3. highest
    Slider1 Value:
    Disable previous slider Enable previous slider

    initial value=10, min=0, max=100, onChange event triggers input box value change when you mouse up or tab away
    Vertical Slider Example
    1. 0
    2. 100
      Slider2 Value:

      Fancy HTML labels (no slide animation):


      1. small

      2. medium

      3. large

      Standalone ruler example:

      2. 1
      3. 2

      horizontal, with buttons, disabled (to show styling):

        1. lowest
        2. normal
        3. highest

        Completely Programatic VerticalSlider and VerticalRule

        min:1000, max:3000, 11 discrete values, no animation

        Programmatic Value:
        view data