HTML Form Slider [duplicate]

This question already has an answer here: Closed 11 years ago.

Possible Duplicate:

Min Max slider to form

I presently have a search module that submits as a regular html form. In it, I currently fetch an absolute minimum and maximum value for products, for example 50 and 2500. Now I need to build a slider with two buttons (to select a range) and when the form is submitted, both these user-selected values need to be sent, preferrably as two different variables. I am not familiar with how to do such a thing, any ideas?

Thank you!

Edit: As everyone is mentionning jQuery UI, I've been fiddling around with this actually, it woudl be ideal but I haven't been able to make it run..I downloaded the plugin, installed it and used the 3 lines to call it开发者_StackOverflow in my but when I call the div in my html it only renders a textbox. Am I missing something?

---

Checkout jquery UI. it has a slider element that could work well: http://jqueryui.com/demos/slider/

---

One option you may want to consider is the JQuery UI Slider: http://jqueryui.com/demos/slider/#range

---

HTML 5 will actually have a range input element, but for now you will probably prefer the jQuery UI slider and attach the change event to some hidden input fields that will be submitted.