So, my eyes just popped out of my skull when I realized that this site was done with script.aculo.us..
http://diettelevision.com/dietSearch.html If you look at the bottom, you'll see the Control.Slider working with a range slider. I'm a little upset, because I recently put a massive amount of effort into porting another one to work with Prototype... Anyhow, it seems like the example on that page is the current best practices example until it gets documented on the script.aculo.us site. It seems to work fairly well. --- snip --- <div> <div class="RangeSliderArea"> <div class="RangeReadout"><span id="rangeReadout0">Age: 25 to 50</span></div> <div id="rangeTrack0" class="RangeSliderTrack"> <div id="rangeHandleMin0" class="RangeSliderHandleMin"><img class="RangeSliderHandleMinImage" src="/images/rangeHandleLeft.gif"/></div> <div id="rangeHandleMax0" class="RangeSliderHandleMax"><img src="/images/rangeHandleRight.gif"/></div> <div id="rangeBar" class="RangeBar"></div> <div id="rangeSelectedSpan0" class="RangeSliderSelectedSpan"></div> </div> <script type="text/javascript" language="javascript" charset="utf-8"> // <![CDATA[ var rangeSlider0 = new Control.Slider(['rangeHandleMin0','rangeHandleMax0'], 'rangeTrack0',{ sliderValue: [25,50], range: $R(18,99), restricted:true, spans: ['rangeSelectedSpan0'] }); var rangeSliderReadout0 = null; rangeSlider0.options.onSlide = function(v){ if(rangeSliderReadout0 == null) { rangeSliderReadout0 = $('rangeReadout0'); } rangeSliderReadout0.innerHTML = 'Age: '+v[0].toFixed(0) + " to " + v[1].toFixed(0); ageFrom = v[0].toFixed(0); ageTo = v[1].toFixed(0); } // ]]> </script> </div> </div> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
