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