Jquery – slider and input box – update each others’ values

Hi,

I’ve got a slider in jquery and I want it to populate an input box with a value as it is slid. I also want the user to be able to enter a value into the input box and for the slider handle to move to the appropriate position.

I’ve found an example of the bare-bones slider in the jquery docs and some basic documentation, but I’ve no idea how to get it to do what I need, and can’t find any simple, fully featured examples anywhere which do what I need.

Can anyone suggest how to modify the following code to get me started?

[code]<script type=”text/javascript”>
$(document).ready(function(){
$(“#example”).slider();
});
</script>

<div id=”example” class=”ui-slider-1″ style=”margin:10px;”>
<div class=”ui-slider-handle”></div>
</div>
<input type=”text” class=”slider-input” id=”slider-input” />
[/code]

Thanks folks…

Also in #JavaScript _↴