jQuery Dragval is jQuery plugin to create a dragging measure.
<div id="Slider" class="Dragval">
<input type="text" name="" value="" class="Output" />
</div>
<script type="text/javascript">
$(function() {
$("#Slider").dragval();
});
</script>
<div id="Slider2" class="Dragval">
<input type="text" name="" value="" class="Output" />
</div>
<script type="text/javascript">
$(function() {
$("#Slider2").dragval({ step: 50, min: 0, max: 50000, startValue: 45000 });
});
</script>
loopTime: 60, // (ms)
clickTime: 200, // (ms)
step: 10000,
min: 10000,
max: 2000000,
startValue: 0,
In head:
<link type="text/css" rel="stylesheet" href="css/jquery.dragval-1.0.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript">
<script src="js/jquery.dragval-1.0-pack.js" type="text/javascript">
In body:
<div id="Slider2" class="Dragval">
<input type="text" name="" value="" class="Output" />
</div>
<script type="text/javascript">
$(function() {
$("#Slider2").dragval({ step: 50, min: 0, max: 50000, startValue: 45000 });
});
</script>