Using JQuery UI to convert radio buttons into slider elements?

So the styling would vary, just trying to demonstrate the concept.

So the styling would vary, just trying to demonstrate the concept. I'm not sure what each question is contained in, so I put your content in a , then gave the inputs labels (degrades a bit better for non-JS users), like this overall: How long is your hair? Short Medium Long Then a bit of script to transform it into a slider, like this: $(".

Question"). Each(function() { var radios = $(this). Find(":radio").hide(); $("").

Slider({ min: parseInt(radios.first().val(), 10), max: parseInt(radios.last().val(), 10), slide: function(event, ui) { radios. Filter("value=" + ui. Value + "").click(); } }).

AppendTo(this); }); You can give it a try here.

This is one of the best answers I've ever seen on SO. Please can we have more Nick Cravers? – Tisch Aug 20 '10 at 13:37 That's fantastic and works beautifully.In other news: jsfiddle is awesome – jsims281 Aug 20 '10 at 14:15.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.