DHTMLX Docs & Samples Explorer

### Linking

Linking to Input

Linking to Textarea

Linking to Select

Linking to Div

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">

    <br><br>

    <input type="text" id="input1" style="width:50px">
    <script>var slider1 = new dhtmlxSlider(null, 500);
    slider1.linkTo('input1');
    slider1.init();</script>
    <br/>

    <textarea id="textarea1" style="width:50px"></textarea>
    <script>var slider2 = new dhtmlxSlider(null, 500);
    slider2.linkTo('textarea1');
    slider2.init();</script>
    <br/>

    <select id="select1" style="width:50px">
    <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>var slider3 = new dhtmlxSlider(null, 500);
    slider3.setStep(10);
    slider3.linkTo('select1');
    slider3.init();</script>
    <br/>
    <div id='div1' style='width:50px;border:1px solid red;'></div>
    <script>var slider4 = new dhtmlxSlider(null, 500);
    slider4.linkTo('div1');
    slider4.init();</script>
    <br/>