DHTMLX Docs & Samples Explorer

### Numeric output

There are 3 values which define output value of slider:
- Limit - maximum value - 100
- Step - size of shifting - 1 by default
- Shift - this value added to current slider position, so you can define sliders which starts not from

Source

    <script>window.dhx_globalImgPath = "../../codebase/imgs/";</script>
    <script  src="../../codebase/dhtmlxcommon.js"></script>
    <script  src="../../codebase/dhtmlxslider.js"></script>
    <script  src="../../codebase/ext/dhtmlxslider_start.js"></script>
    <link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxslider.css">

    <ul>There are 3 values which define output value of slider:
    <li>Limit - maximum value - 100</li>
    <li>Step - size of shifting - 1 by default</li>
    <li>Shift - this value added to current slider position, so you can define sliders which starts not from </li>
    </ul>
    <br><br>
    <input id="input1" type="text">
    <script>//slider 0-100, step 1;
    var slider1 = new dhtmlxSlider(null, 500);
    slider1.linkTo('input1');
    slider1.init();</script>
    <br><br>
    <input id="input2" type="text">
    <script>//slider 100-300, step 1;
    var slider2 = new dhtmlxSlider(null, 500, null, null, 100, 300);
    slider2.linkTo('input2');
    slider2.init();</script>
    <br><br>
    <input id="input4" type="text">
    <script>//slider 0-1, step 0.02;
    var slider3 = new dhtmlxSlider(null, 500, null, null, 0, 1, 0.5, 0.02);
    slider3.linkTo('input4');
    slider3.init();</script>