Sample: dhtmlxSlider Linking to input dhtmlxSlider main page
X


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