| Sample: dhtmlxSlider | Linking with input | dhtmlxSlider main page |

DHTML JavaScript Slider samples

    <input type="text" id="input1">
    <script>
        //slider can be linked to HTML input
        var slider1 = new dhtmlxSlider(null, 500);
        slider1.linkTo('input1');
        slider1.init();</script>

    <textarea id="textarea1"></textarea>
    <script>
        //slider can be linked to HTML textarea
        var slider2=new dhtmlxSlider(null, 500);
        slider2.linkTo('textarea1');
        slider2.init();</script>

    <select id="select1">
        <option value="0">0</option>
        <option value="10">10</option>
        <option value="20">20</option>
        <option value="30">30</option>
        <option value="40">40</option>
        <option value="50">50</option>
        <option value="60">60</option>
        <option value="70">70</option>
        <option value="80">80</option>
        <option value="90">90</option>
        <option value="100">100</option>
    </select>
    <script>
        //slider can be linked to HTML select
        var slider3=new dhtmlxSlider(null, 500);
        slider3.setStep(10)
        slider3.linkTo('select1');
        slider3.init();</script>

    <div id='div1' style='border:1px solid red;'></div>
    <script>
        //slider can be linked to any HTML container tag
        var slider4=new dhtmlxSlider(null, 500);
        slider4.linkTo('div1');
        slider4.init();</script>