pete-oWFMc0dWE16w5LPnMra/2Q@public.gmane.org
2006-Nov-09 17:47 UTC
Since when does Control.Slider support spans?
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
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
Unsure of when, but that site is quite nice. Thanks for the link.
-Andrew Martinez
-----Original Message-----
From: rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
[mailto:rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org]On Behalf
Of pete-oWFMc0dWE16w5LPnMra/2Q@public.gmane.org
Sent: Thursday, November 09, 2006 12:48 PM
To: Ruby on Rails: Spinoffs
Subject: [Rails-spinoffs] Since when does Control.Slider support spans?
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
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---