diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-12-23 10:38:12 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-12-23 10:38:12 +0000 |
| commit | 22f25cbb0c49051b93f1531b5a105bdbb078d819 (patch) | |
| tree | de91d04d51b1214aa72b609b10db41003a88bca0 /tests/visual/slider.html | |
| parent | 723782d80c097ba2798291d43a6c8c0c018c1c85 (diff) | |
| download | jquery-ui-22f25cbb0c49051b93f1531b5a105bdbb078d819.tar.gz jquery-ui-22f25cbb0c49051b93f1531b5a105bdbb078d819.zip | |
merged dev/slider branch (revs 1152-1229) back to trunk
Diffstat (limited to 'tests/visual/slider.html')
| -rw-r--r-- | tests/visual/slider.html | 90 |
1 files changed, 86 insertions, 4 deletions
diff --git a/tests/visual/slider.html b/tests/visual/slider.html index 283138144..d7c63a4cc 100644 --- a/tests/visual/slider.html +++ b/tests/visual/slider.html @@ -1,7 +1,7 @@ <!doctype html> <html lang="en"> <head> - <title>Simple Slider</title> + <title>Slider Visual Test Page</title> <link rel="stylesheet" href="all.css" type="text/css"> <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css"> <script type="text/javascript" src="../../jquery-1.2.6.js"></script> @@ -9,7 +9,36 @@ <script type="text/javascript" src="../../ui/ui.slider.js"></script> <script type="text/javascript"> $(function() { - $("#slider").slider(); + $("#slider1").slider(); + $("#slider2").slider({ + step: 2, + start: function(event, ui) { + //console.log('start'); + }, + slide: function(event, ui) { + //console.log('slide'); + //return (ui.value < 50 || ui.value > 63); + }, + stop: function(event, ui) { + //console.log('stop'); + }, + change: function(event, ui) { + //console.log('change'); + }, + values: [10, 50, 90] + }); + $("#slider3").slider({ + max: 10, + orientation: 'vertical', + step: 2, + value: 3 + }); + $("#h-range-true").slider({ orientation: "horizontal", range: true }); + $("#h-range-max").slider({ orientation: "horizontal", range: 'max' }); + $("#h-range-min").slider({ orientation: "horizontal", range: 'min' }); + $("#v-range-true").slider({ orientation: "vertical", range: true }); + $("#v-range-max").slider({ orientation: "vertical", range: 'max' }); + $("#v-range-min").slider({ orientation: "vertical", range: 'min' }); }); </script> </head> @@ -17,10 +46,63 @@ <body> <ul class="plugins"> -<li class="plugin"> + +<li class="plugin" style="padding:1em;"> Slider - <div id="slider"></div> + <div id="slider1"></div> +</li> + +<li class="plugin" style="padding:1em;"> + Slider - values: [10, 50, 90] + <div id="slider2"> + <a id="foo" href="#" class="ui-slider-handle"></a> + <a id="bar" href="#" class="ui-slider-handle"></a> + </div> +</li> + +<li class="plugin" style="padding:1em;"> + Slider - orientation: vertical + <div id="slider3" style="height:100%;"></div> +</li> + +</ul> + +<ul class="plugins"> + +<li class="plugin" style="padding:1em;"> + Slider - range: true + <div id="h-range-true"></div> +</li> + +<li class="plugin" style="padding:1em;"> + Slider - range: 'max' + <div id="h-range-max"></div> </li> + +<li class="plugin" style="padding:1em;"> + Slider - range: 'min' + <div id="h-range-min"></div> +</li> + +</ul> + +<ul class="plugins"> + +<li class="plugin" style="padding:1em;"> + Slider - range: true + <div id="v-range-true"></div> +</li> + +<li class="plugin" style="padding:1em;"> + Slider - range: 'max' + <div id="v-range-max"></div> +</li> + +<li class="plugin" style="padding:1em;"> + Slider - range: 'min' + <div id="v-range-min"></div> +</li> + </ul> </body> |