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

Author:
David Nickerson <nickerso@users.sourceforge.net>
Date:
2011-06-21 15:56:12+12:00
Desc:
adding a standalone version of the SED-ML document for this example, updating to pass validation using Frank's new web tools
Permanent Source URI:
https://staging.physiomeproject.org/workspace/a1/rawfile/1e62f9a11a1b467aff7bc1ddd0b4fc8ac3f052c0/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