jQueryUI 1.8.14 Autocomplete
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/themes/black-tie/jquery-ui.css">
<div id="slider"></div>
<input id="sliderValue" />
CSS
#sliderValue {
position: absolute;
}
JavaScript
$(document).ready(function() {
// Slider
$("#slider").slider({
value: '',
min: 0,
max: 150,
step: 1,
range: 'min',
slide: function(event, ui) {
$("#amount").html(ui.value + ' timer');
}
});
$("#amount").val("$" + $("#slider").slider({
slide: function(event, ui) {
$('#sliderValue').css('left', event.clientX).val(ui.value);
}
}));
});