Hi all,
I'm working on a class MY.Slider that combines a script.aculo.us
slider with a form input field. On creation, the class stores a
reference to the Control.Slider object and the input element. I want
the change event to fire a method on the combination class so that it
can check the input and update the slider. However, i'm a bit lost on
how the get the scope of the object instead of the element in
onInputChange. I've tried observing with the plain function,
bind(this) and, as below, bindAsEventListener(this).
I'm a bit new to prototype, Scripty (got the bungee book) and advanced
JavaScript, so sorry if i'm asking a to obvious question.
TIA, Vincent de Lau
<code>
if (!MY) var MY = { };
MY.Slider = Class.create({
initialize: function(name, min, max, current, step) {
this.name = name;
this.min = min || 0;
this.max = max || 100;
this.value = current || 0;
this.step = step || 1;
this.input = $('slider_'+name+'_input');
this.track = $('slider_'+name+'_track');
this.handle = $('slider_'+name+'_handle');
this.slider = new Control.Slider('slider_'+name+'_handle',
'slider_'+name+'_track',
{range: $R(this.min,this.max)} );
this.slider.options.onSlide =
this.onSliderChange.bindAsEventListener(this);
this.slider.options.onChange =
this.onSliderChange.bindAsEventListener(this);
this.input.observe('change',this.onInputChange.bindAsEventListener(this));
},
updateInput: function() {
// TODO: format value
this.input.value = this.value;
},
updateSlider: function() {
this.slider.setValue(this.value);
},
onSliderChange: function(value) {
// TODO: check bounds, round value
if(this.value != value) {
this.value = value;
this.updateInput();
}
},
onInputChange: function() {
// TODO: check bounds, round value
if(this.input.value != value) {
this.value = this.input.value;
this.updateSlider();
}
}
});
</code>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
