The slider UI element can be used to obtain input from the user in lieu of the HTML form mechanism.
Different input elements are checkboxes, radio buttons, input boxes, textareas. Slider is a nice option for values that indicate a range. http://awrdev.g3tech.in/jquery_tutorials/ui-slider.html The code is simple $(function() { $( "#range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide: function( event, ui ) { $( "#amount" ).val( "Rs" + ui.values[ 0 ] + " - Rs" + ui.values[ 1 ] ); } }); $( "#amount" ).val( "Rs." + $( "#range" ).slider( "values", 0 ) + " - Rs." + $( "#range" ).slider( "values", 1 ) ); }); </script> </head> <body> <div id="range"></div> The data is also included. The slider is showed in the range div above. The lower end value is accessible using the .slider('values', 0) API and the high end using the .slider('values', 1) API. -Girish -- Gayatri Hitech http://gayatri-hitech.com _______________________________________________ ILUGC Mailing List: http://www.ae.iitm.ac.in/mailman/listinfo/ilugc ILUGC Mailing List Guidelines: http://ilugc.in/mailinglist-guidelines
