Changeset 2725
- Timestamp:
- 10/25/05 07:51:33 (3 years ago)
- Files:
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
spinoffs/scriptaculous/test/functional/slider_test.html
r2710 r2725 26 26 <p id="debug2"> </p> 27 27 28 <h2>Slider with predefined values [ 0,50,100,150,200]</h2>28 <h2>Slider with predefined values [2,4,6,8] and a non-default range [2,15]</h2> 29 29 30 30 <div id="track3" style="width:200px;background-color:#aaa;height:5px;"> … … 56 56 <!-- FIXME: add more demos here --> 57 57 58 <script type="text/javascript" language="javascript">58 <script type="text/javascript"> 59 59 // <![CDATA[ 60 60 new Control.Slider('handle1','track1',{ … … 64 64 onSlide:function(v){$('debug2').innerHTML='slide: '+v}, 65 65 onChange:function(v){$('debug2').innerHTML='changed! '+v}}); 66 new Control.Slider('handle3','track3',{values:[0, 50,100,150,200],66 new Control.Slider('handle3','track3',{values:[0,0.2,0.4,0.6,0.8],range:[2,15], 67 67 onSlide:function(v){$('debug3').innerHTML='slide: '+v}, 68 68 onChange:function(v){$('debug3').innerHTML='changed! '+v}}); … … 70 70 onSlide:function(v){$('debug4').innerHTML='slide: '+v.inspect()}, 71 71 onChange:function(v){$('debug4').innerHTML='changed! '+v.inspect()}}); 72 new Control.Slider(['handle5-1','handle5-2','handle5-3'],'track5',{values:[0, 50,100,150,200],72 new Control.Slider(['handle5-1','handle5-2','handle5-3'],'track5',{values:[0,0.2,0.4,0.6,0.8], 73 73 onSlide:function(v){$('debug5').innerHTML='slide: '+v.inspect()}, 74 74 onChange:function(v){$('debug5').innerHTML='changed! '+v.inspect()}});