inputEx - SliderField Usage

Basic SliderField creation

A simple SliderField instance

sliderField = new YAHOO.inputEx.SliderField({parentEl: 'container1'});

Updated Event

The updated event

var el = YAHOO.util.Dom.get('container2'); var field = new YAHOO.inputEx.SliderField({parentEl: el, displayValue: false}); var logDiv = inputEx.cn('div', null, null, "Log :<br />"); el.appendChild(logDiv); field.updatedEvt.subscribe(function(e,params) { var val = params[0]; logDiv.innerHTML += "Updated at "+(new Date())+" with value: "+val+"<br />"; });

Boundaries

WARNING: this feature does NOT work (click the button)

new YAHOO.inputEx.SliderField({parentEl: 'container3', minValue: 50, maxValue: 500});