Input type="range" polyfill (slider control)
Looking for WET v3.1?
WET v4.0 is now the current version. There is a new location for the current page in WET v3.1.
Use the following attributes to specify restrictions:
- max - specifies the maximum value allowed
- min - specifies the minimum value allowed
- step - specifies the legal number intervals
- value - specifies the default value
Range: 0 to 100 in steps of 1
Coding
<input name="html5shim-1" id="html5shim-1" type="range" min="0" max="100" step="1" title="Range: 0 to 100 in steps of 1" value="50" />
Range: 20 to 50 in steps of 10
Coding
<input name="html5shim-2" id="html5shim-2" type="range" min="20" max="50" step="10" title="Range: 20 to 50 in steps of 10" value="20" />
Range: Programmatically created
Coding
<p id="slider-prg"></p>
<script>
$slider = $( "<input name='html5shim-3' id='html5shim-3' type='range' value='50'/>" );
$slider.appendTo( "#slider-prg" ).trigger( "wb-init.wb-slider" );
setTimeout( function() {
$slider.get( 0 ).value = 85;
$slider.trigger( "wb-update.wb-slider" );
}, 2000);
</script>
- Date modified: