Files
Phraseanet/www/include/jslibs/yui2.8/docs/YAHOO.widget.DualSlider.html
2011-02-16 16:09:48 +01:00

1448 lines
85 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>API: slider YAHOO.widget.DualSlider (YUI Library)</title>
<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
<link rel="stylesheet" type="text/css" href="assets/api.css" />
<script type="text/javascript" src="assets/api-js"></script>
<script type="text/javascript" src="assets/ac-js"></script>
</head>
<body id="yahoo-com">
<div id="doc3" class="yui-t2">
<div id="hd">
<h1><a href="http://developer.yahoo.com/yui/" title="Yahoo! UI Library">Yahoo! UI Library</a></h1>
<h3>Slider Widget&nbsp; <span class="subtitle">2.8.2r1</span></h3>
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
&gt; <a href="./module_slider.html" title="slider">slider</a>
&gt; YAHOO.widget.DualSlider
<form onsubmit="return false">
<div id="propertysearch">
Search: <input autocomplete="off" id="searchinput" />
<div id="searchresults">
&nbsp;
</div>
</div>
</form>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
<fieldset>
<legend>Filters</legend>
<span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
<span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
<span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
</fieldset>
</form>
<h2>
Class <b property="yui:name">YAHOO.widget.DualSlider</b>
<span class="extends">
</span>
<span class="extends" rel="yui:extends">
- uses
<span rel="extend" resource="YAHOO.util.EventProvider.html">
<a href="YAHOO.util.EventProvider.html" property="yui:name" title="YAHOO.util.EventProvider">YAHOO.util.EventProvider</a>
</span>
</span>
</h2>
<!-- class tree goes here -->
<div class="summary description" property="yui:description">
A slider with two thumbs, one that represents the min value and
the other the max. Actually a composition of two sliders, both with
the same background. The constraints for each slider are adjusted
dynamically so that the min value of the max slider is equal or greater
to the current value of the min slider, and the max value of the min
slider is the current value of the max slider.
Constructor assumes both thumbs are positioned absolutely at the 0 mark on
the background.
</div>
<div class="section constructor details" rel="yui:constructor" resource="#constructor">
<h3 id="constructor">Constructor</h3>
<div class="content">
<div class="detail">
<strong property="yui:name">YAHOO.widget.DualSlider</strong>
<code>
(
minSlider
,
maxSlider
,
range
,
initVals
)
</code>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">minSlider</span>
&lt;<span property="yui:type">Slider</span>&gt;
</code>
<span property="yui:description"> The Slider instance used for the min value thumb</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">maxSlider</span>
&lt;<span property="yui:type">Slider</span>&gt;
</code>
<span property="yui:description"> The Slider instance used for the max value thumb</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">range</span>
&lt;<span property="yui:type">int</span>&gt;
</code>
<span property="yui:description"> The number of pixels the thumbs may move within</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">initVals</span>
&lt;<span property="yui:type">Array</span>&gt;
</code>
<span property="yui:description"> (optional) [min,max] Initial thumb placement</span>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div rel="yui:properties" resource="#properties">
<div class="section field details">
<h3 id="properties">Properties</h3>
<div class="content">
<div class="" rel="yui:property" resource="#property_activeSlider">
<h4><a name="property_activeSlider" property="yui:name">activeSlider</a>
- <code><span property="yui:type">Slider</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The currently active slider (min or max). <strong>read only</strong>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_isHoriz">
<h4><a name="property_isHoriz" property="yui:name">isHoriz</a>
- <code><span property="yui:type">boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Is the DualSlider oriented horizontally or vertically?
<strong>read only</strong>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_maxSlider">
<h4><a name="property_maxSlider" property="yui:name">maxSlider</a>
- <code><span property="yui:type">Slider</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
A slider instance that keeps track of the upper value of the range.
<strong>read only</strong>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_maxVal">
<h4><a name="property_maxVal" property="yui:name">maxVal</a>
- <code><span property="yui:type">int</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The current value of the max thumb. <strong>read only</strong>.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_minRange">
<h4><a name="property_minRange" property="yui:name">minRange</a>
- <code><span property="yui:type">int</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Pixel distance to maintain between thumbs.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: 0
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_minSlider">
<h4><a name="property_minSlider" property="yui:name">minSlider</a>
- <code><span property="yui:type">Slider</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
A slider instance that keeps track of the lower value of the range.
<strong>read only</strong>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_minVal">
<h4><a name="property_minVal" property="yui:name">minVal</a>
- <code><span property="yui:type">int</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The current value of the min thumb. <strong>read only</strong>.
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.EventProvider.html">
<h4>Properties inherited from <a href="YAHOO.util.EventProvider.html" property="yui:name" title="YAHOO.util.EventProvider">YAHOO.util.EventProvider</a>:</h4>
<div class="content" rel="yui:properties">
<code>
<span rel="yui:property" resource="YAHOO.util.EventProvider.html#property___yui_events">
<a class="private" href="YAHOO.util.EventProvider.html#property___yui_events" property="yui:name" title="__yui_events">__yui_events</a><span class="private">,</span>
</span>
<span rel="yui:property" resource="YAHOO.util.EventProvider.html#property___yui_subscribers">
<a class="private" href="YAHOO.util.EventProvider.html#property___yui_subscribers" property="yui:name" title="__yui_subscribers">__yui_subscribers</a>
</span>
</code>
</div>
</div>
</div>
</div>
<div rel="yui:methods" resource="#methods">
<div class="section method details">
<h3 id="methods">Methods</h3>
<div class="content">
<div class="protected" rel="yui:method" resource="#method__bindKeyEvents">
<h4>
<a name="method__bindKeyEvents">_bindKeyEvents</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_bindKeyEvents</strong>
(
)
</code>
<div class="description" property="yui:description">
Set up the listeners for the keydown and keypress events.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method__cleanEvent">
<h4>
<a name="method__cleanEvent">_cleanEvent</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">_cleanEvent</strong>
(
o
,
evt
)
</code>
<div class="description" property="yui:description">
Clean up the slideEnd event subscribers array, since each one-time
callback will be replaced in the event's subscribers property with
null. This will cause memory bloat and loss of performance.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">o</span>
&lt;<span property="yui:type">EventProvider</span>&gt;
</code>
<span property="yui:description"> object housing the CustomEvent</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">evt</span>
&lt;<span property="yui:type">string</span>&gt;
</code>
<span property="yui:description"> name of the CustomEvent</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method__handleDrag">
<h4>
<a name="method__handleDrag">_handleDrag</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">_handleDrag</strong>
(
)
</code>
<div class="description" property="yui:description">
Overrides the onDrag method for both sliders
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__handleKeyDown">
<h4>
<a name="method__handleKeyDown">_handleKeyDown</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_handleKeyDown</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Delegate event handling to the active Slider. See Slider.handleKeyDown.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> the mousedown DOM event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__handleKeyPress">
<h4>
<a name="method__handleKeyPress">_handleKeyPress</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_handleKeyPress</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Delegate event handling to the active Slider. See Slider.handleKeyPress.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> the mousedown DOM event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method__handleMaxChange">
<h4>
<a name="method__handleMaxChange">_handleMaxChange</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">_handleMaxChange</strong>
(
)
</code>
<div class="description" property="yui:description">
Executed when the max slider fires the change event
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method__handleMinChange">
<h4>
<a name="method__handleMinChange">_handleMinChange</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">_handleMinChange</strong>
(
)
</code>
<div class="description" property="yui:description">
Executed when the min slider fires the change event
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__handleMouseDown">
<h4>
<a name="method__handleMouseDown">_handleMouseDown</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_handleMouseDown</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Delegates the onMouseDown to the appropriate Slider
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> mouseup event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__handleMouseUp">
<h4>
<a name="method__handleMouseUp">_handleMouseUp</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_handleMouseUp</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Delegates the onMouseUp to the active Slider
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> mouseup event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method__handleSlideEnd">
<h4>
<a name="method__handleSlideEnd">_handleSlideEnd</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">_handleSlideEnd</strong>
(
)
</code>
<div class="description" property="yui:description">
Executed when one of the sliders fires the slideEnd event
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method__handleSlideStart">
<h4>
<a name="method__handleSlideStart">_handleSlideStart</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">_handleSlideStart</strong>
(
)
</code>
<div class="description" property="yui:description">
Executed when one of the sliders fires the slideStart event
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method__oneTimeCallback">
<h4>
<a name="method__oneTimeCallback">_oneTimeCallback</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">_oneTimeCallback</strong>
(
o
,
evt
,
fn
)
</code>
<div class="description" property="yui:description">
Schedule an event callback that will execute once, then unsubscribe
itself.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">o</span>
&lt;<span property="yui:type">EventProvider</span>&gt;
</code>
<span property="yui:description"> Object to attach the event to</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">evt</span>
&lt;<span property="yui:type">string</span>&gt;
</code>
<span property="yui:description"> Name of the event</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">fn</span>
&lt;<span property="yui:type">Function</span>&gt;
</code>
<span property="yui:description"> function to execute once</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_selectActiveSlider">
<h4>
<a name="method_selectActiveSlider">selectActiveSlider</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">selectActiveSlider</strong>
(
e
)
</code>
<div class="description" property="yui:description">
A background click will move the slider thumb nearest to the click.
Override if you need different behavior.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> the mousedown event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_setMaxValue">
<h4>
<a name="method_setMaxValue">setMaxValue</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">setMaxValue</strong>
(
max
,
skipAnim
,
force
,
silent
)
</code>
<div class="description" property="yui:description">
Set the max thumb position to a new value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">max</span>
&lt;<span property="yui:type">int</span>&gt;
</code>
<span property="yui:description"> Pixel offset for max thumb</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">skipAnim</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) Set to true to skip thumb animation.
Default false</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">force</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) ignore the locked setting and set
value anyway. Default false</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">silent</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) Set to true to skip firing change
events. Default false</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_setMinValue">
<h4>
<a name="method_setMinValue">setMinValue</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">setMinValue</strong>
(
min
,
skipAnim
,
force
,
silent
)
</code>
<div class="description" property="yui:description">
Set the min thumb position to a new value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">min</span>
&lt;<span property="yui:type">int</span>&gt;
</code>
<span property="yui:description"> Pixel offset for min thumb</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">skipAnim</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) Set to true to skip thumb animation.
Default false</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">force</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) ignore the locked setting and set
value anyway. Default false</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">silent</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) Set to true to skip firing change
events. Default false</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_setValues">
<h4>
<a name="method_setValues">setValues</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">setValues</strong>
(
min
,
max
,
skipAnim
,
force
,
silent
)
</code>
<div class="description" property="yui:description">
Sets the min and max thumbs to new values.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">min</span>
&lt;<span property="yui:type">int</span>&gt;
</code>
<span property="yui:description"> Pixel offset to assign to the min thumb</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">max</span>
&lt;<span property="yui:type">int</span>&gt;
</code>
<span property="yui:description"> Pixel offset to assign to the max thumb</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">skipAnim</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) Set to true to skip thumb animation.
Default false</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">force</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) ignore the locked setting and set
value anyway. Default false</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">silent</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) Set to true to skip firing change
events. Default false</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_updateValue">
<h4>
<a name="method_updateValue">updateValue</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">updateValue</strong>
(
silent
)
</code>
<div class="description" property="yui:description">
Executed when one of the sliders is moved
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">silent</span>
&lt;<span property="yui:type">boolean</span>&gt;
</code>
<span property="yui:description"> (optional) Set to true to skip firing change
events. Default false</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.EventProvider.html">
<h4>Methods inherited from <a href="YAHOO.util.EventProvider.html" property="yui:name" title="YAHOO.util.EventProvider">YAHOO.util.EventProvider</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_createEvent">
<a class="" href="YAHOO.util.EventProvider.html#method_createEvent" property="yui:name" title="createEvent">createEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_fireEvent">
<a class="" href="YAHOO.util.EventProvider.html#method_fireEvent" property="yui:name" title="fireEvent">fireEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_hasEvent">
<a class="" href="YAHOO.util.EventProvider.html#method_hasEvent" property="yui:name" title="hasEvent">hasEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_subscribe">
<a class="" href="YAHOO.util.EventProvider.html#method_subscribe" property="yui:name" title="subscribe">subscribe</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_unsubscribe">
<a class="" href="YAHOO.util.EventProvider.html#method_unsubscribe" property="yui:name" title="unsubscribe">unsubscribe</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_unsubscribeAll">
<a class="" href="YAHOO.util.EventProvider.html#method_unsubscribeAll" property="yui:name" title="unsubscribeAll">unsubscribeAll</a>
</span>
</code>
</div>
</div>
</div>
</div>
<div rel="yui:events" resource="#events">
<div class="section method details">
<h3 id="events">Events</h3>
<div class="content">
<div class="" rel="yui:event" resource="#event_change">
<h4>
<a name="event_change">change</a></h4>
<div class="detail">
<code>
<strong property="yui:name">change</strong>
(
dualslider
)
</code>
<div class="description" property="yui:description">
Event that fires when either the min or max value changes
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">dualslider</span>
&lt;<span property="yui:type">DualSlider</span>&gt;
</code>
<span property="yui:description"> the DualSlider instance</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_ready">
<h4>
<a name="event_ready">ready</a></h4>
<div class="detail">
<code>
<strong property="yui:name">ready</strong>
(
dualslider
)
</code>
<div class="description" property="yui:description">
Event that fires when the slider is finished setting up
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">dualslider</span>
&lt;<span property="yui:type">DualSlider</span>&gt;
</code>
<span property="yui:description"> the DualSlider instance</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_slideEnd">
<h4>
<a name="event_slideEnd">slideEnd</a></h4>
<div class="detail">
<code>
<strong property="yui:name">slideEnd</strong>
(
activeSlider
)
</code>
<div class="description" property="yui:description">
Event that fires when one of the thumbs finishes moving
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">activeSlider</span>
&lt;<span property="yui:type">Slider</span>&gt;
</code>
<span property="yui:description"> the moving slider</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_slideStart">
<h4>
<a name="event_slideStart">slideStart</a></h4>
<div class="detail">
<code>
<strong property="yui:name">slideStart</strong>
(
activeSlider
)
</code>
<div class="description" property="yui:description">
Event that fires when one of the thumbs begins to move
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">activeSlider</span>
&lt;<span property="yui:type">Slider</span>&gt;
</code>
<span property="yui:description"> the moving slider</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
</div>
</div>
<div rel="yui:attributes" resource="#configattributes">
</div>
</div>
</div>
<div class="yui-b">
<div class="nav">
<div id="moduleList" class="module">
<h4>Modules</h4>
<ul class="content">
<li class=""><a href="module_animation.html" title="animation">animation</a></li>
<li class=""><a href="module_autocomplete.html" title="autocomplete">autocomplete</a></li>
<li class=""><a href="module_button.html" title="button">button</a></li>
<li class=""><a href="module_calendar.html" title="calendar">calendar</a></li>
<li class=""><a href="module_carousel.html" title="carousel">carousel</a></li>
<li class=""><a href="module_charts.html" title="charts">charts</a></li>
<li class=""><a href="module_colorpicker.html" title="colorpicker">colorpicker</a></li>
<li class=""><a href="module_connection.html" title="connection">connection</a></li>
<li class=""><a href="module_container.html" title="container">container</a></li>
<li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
<li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
<li class=""><a href="module_datatable.html" title="datatable">datatable</a></li>
<li class=""><a href="module_datemath.html" title="datemath">datemath</a></li>
<li class=""><a href="module_dom.html" title="dom">dom</a></li>
<li class=""><a href="module_dragdrop.html" title="dragdrop">dragdrop</a></li>
<li class=""><a href="module_editor.html" title="editor">editor</a></li>
<li class=""><a href="module_element.html" title="element">element</a></li>
<li class=""><a href="module_element-delegate.html" title="element-delegate">element-delegate</a></li>
<li class=""><a href="module_event.html" title="event">event</a></li>
<li class=""><a href="module_event-delegate.html" title="event-delegate">event-delegate</a></li>
<li class=""><a href="module_event-mouseenter.html" title="event-mouseenter">event-mouseenter</a></li>
<li class=""><a href="module_event-simulate.html" title="event-simulate">event-simulate</a></li>
<li class=""><a href="module_get.html" title="get">get</a></li>
<li class=""><a href="module_history.html" title="history">history</a></li>
<li class=""><a href="module_imagecropper.html" title="imagecropper">imagecropper</a></li>
<li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
<li class=""><a href="module_json.html" title="json">json</a></li>
<li class=""><a href="module_layout.html" title="layout">layout</a></li>
<li class=""><a href="module_logger.html" title="logger">logger</a></li>
<li class=""><a href="module_menu.html" title="menu">menu</a></li>
<li class=""><a href="module_paginator.html" title="paginator">paginator</a></li>
<li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
<li class=""><a href="module_profilerviewer.html" title="profilerviewer">profilerviewer</a></li>
<li class=""><a href="module_progressbar.html" title="progressbar">progressbar</a></li>
<li class=""><a href="module_resize.html" title="resize">resize</a></li>
<li class=""><a href="module_selector.html" title="selector">selector</a></li>
<li class="selected"><a href="module_slider.html" title="slider">slider</a></li>
<li class=""><a href="module_storage.html" title="Storage">Storage</a></li>
<li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
<li class=""><a href="module_swf.html" title="swf">swf</a></li>
<li class=""><a href="module_swfdetect.html" title="swfdetect">swfdetect</a></li>
<li class=""><a href="module_swfstore.html" title="swfstore">swfstore</a></li>
<li class=""><a href="module_tabview.html" title="tabview">tabview</a></li>
<li class=""><a href="module_treeview.html" title="treeview">treeview</a></li>
<li class=""><a href="module_uploader.html" title="uploader">uploader</a></li>
<li class=""><a href="module_yahoo.html" title="yahoo">yahoo</a></li>
<li class=""><a href="module_yuiloader.html" title="yuiloader">yuiloader</a></li>
<li class=""><a href="module_yuitest.html" title="yuitest">yuitest</a></li>
</ul>
</div>
<div id="classList" class="module">
<h4>Classes</h4>
<ul class="content">
<li class="selected"><a href="YAHOO.widget.DualSlider.html" title="YAHOO.widget.DualSlider">YAHOO.widget.DualSlider</a></li>
<li class=""><a href="YAHOO.widget.Slider.html" title="YAHOO.widget.Slider">YAHOO.widget.Slider</a></li>
<li class=""><a href="YAHOO.widget.SliderThumb.html" title="YAHOO.widget.SliderThumb">YAHOO.widget.SliderThumb</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="DualSlider.js.html" title="DualSlider.js">DualSlider.js</a></li>
<li class=""><a href="Slider.js.html" title="Slider.js">Slider.js</a></li>
<li class=""><a href="SliderThumb.js.html" title="SliderThumb.js">SliderThumb.js</a></li>
</ul>
</div>
<div id="propertyList" class="module">
<h4>Properties</h4>
<ul class="content">
<li class=""><a href="#property_activeSlider" title="activeSlider">activeSlider</a></li>
<li class=""><a href="#property_isHoriz" title="isHoriz">isHoriz</a></li>
<li class=""><a href="#property_maxSlider" title="maxSlider">maxSlider</a></li>
<li class=""><a href="#property_maxVal" title="maxVal">maxVal</a></li>
<li class=""><a href="#property_minRange" title="minRange">minRange</a></li>
<li class=""><a href="#property_minSlider" title="minSlider">minSlider</a></li>
<li class=""><a href="#property_minVal" title="minVal">minVal</a></li>
</ul>
</div>
<div id="methodsList" class="module">
<h4>Methods</h4>
<ul class="content">
<li class="protected"><a href="#method__bindKeyEvents" title="_bindKeyEvents">_bindKeyEvents</a></li>
<li class="private"><a href="#method__cleanEvent" title="_cleanEvent">_cleanEvent</a></li>
<li class="private"><a href="#method__handleDrag" title="_handleDrag">_handleDrag</a></li>
<li class="protected"><a href="#method__handleKeyDown" title="_handleKeyDown">_handleKeyDown</a></li>
<li class="protected"><a href="#method__handleKeyPress" title="_handleKeyPress">_handleKeyPress</a></li>
<li class="private"><a href="#method__handleMaxChange" title="_handleMaxChange">_handleMaxChange</a></li>
<li class="private"><a href="#method__handleMinChange" title="_handleMinChange">_handleMinChange</a></li>
<li class="protected"><a href="#method__handleMouseDown" title="_handleMouseDown">_handleMouseDown</a></li>
<li class="protected"><a href="#method__handleMouseUp" title="_handleMouseUp">_handleMouseUp</a></li>
<li class="private"><a href="#method__handleSlideEnd" title="_handleSlideEnd">_handleSlideEnd</a></li>
<li class="private"><a href="#method__handleSlideStart" title="_handleSlideStart">_handleSlideStart</a></li>
<li class="private"><a href="#method__oneTimeCallback" title="_oneTimeCallback">_oneTimeCallback</a></li>
<li class="private"><a href="#method_selectActiveSlider" title="selectActiveSlider">selectActiveSlider</a></li>
<li class=""><a href="#method_setMaxValue" title="setMaxValue">setMaxValue</a></li>
<li class=""><a href="#method_setMinValue" title="setMinValue">setMinValue</a></li>
<li class=""><a href="#method_setValues" title="setValues">setValues</a></li>
<li class="private"><a href="#method_updateValue" title="updateValue">updateValue</a></li>
</ul>
</div>
<div id="eventsList" class="module">
<h4>Events</h4>
<ul class="content">
<li class=""><a href="#event_change" title="change">change</a></li>
<li class=""><a href="#event_ready" title="ready">ready</a></li>
<li class=""><a href="#event_slideEnd" title="slideEnd">slideEnd</a></li>
<li class=""><a href="#event_slideStart" title="slideStart">slideStart</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright &copy; 2010 Yahoo! Inc. All rights reserved.
</div>
</div>
<script type="text/javascript">
var ALL_YUI_PROPS = [{"access": "", "host": "YAHOO.widget.DualSlider", "name": "activeSlider", "url": "YAHOO.widget.DualSlider.html#property_activeSlider", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_bindKeyEvents", "url": "YAHOO.widget.DualSlider.html#method__bindKeyEvents", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "change", "url": "YAHOO.widget.DualSlider.html#event_change", "type": "event"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_cleanEvent", "url": "YAHOO.widget.DualSlider.html#method__cleanEvent", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleDrag", "url": "YAHOO.widget.DualSlider.html#method__handleDrag", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleKeyDown", "url": "YAHOO.widget.DualSlider.html#method__handleKeyDown", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleKeyPress", "url": "YAHOO.widget.DualSlider.html#method__handleKeyPress", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleMaxChange", "url": "YAHOO.widget.DualSlider.html#method__handleMaxChange", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleMinChange", "url": "YAHOO.widget.DualSlider.html#method__handleMinChange", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleMouseDown", "url": "YAHOO.widget.DualSlider.html#method__handleMouseDown", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.DualSlider", "name": "_handleMouseUp", "url": "YAHOO.widget.DualSlider.html#method__handleMouseUp", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleSlideEnd", "url": "YAHOO.widget.DualSlider.html#method__handleSlideEnd", "type": "method"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_handleSlideStart", "url": "YAHOO.widget.DualSlider.html#method__handleSlideStart", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "isHoriz", "url": "YAHOO.widget.DualSlider.html#property_isHoriz", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "maxSlider", "url": "YAHOO.widget.DualSlider.html#property_maxSlider", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "maxVal", "url": "YAHOO.widget.DualSlider.html#property_maxVal", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "minRange", "url": "YAHOO.widget.DualSlider.html#property_minRange", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "minSlider", "url": "YAHOO.widget.DualSlider.html#property_minSlider", "type": "property"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "minVal", "url": "YAHOO.widget.DualSlider.html#property_minVal", "type": "property"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "_oneTimeCallback", "url": "YAHOO.widget.DualSlider.html#method__oneTimeCallback", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "ready", "url": "YAHOO.widget.DualSlider.html#event_ready", "type": "event"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "selectActiveSlider", "url": "YAHOO.widget.DualSlider.html#method_selectActiveSlider", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "setMaxValue", "url": "YAHOO.widget.DualSlider.html#method_setMaxValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "setMinValue", "url": "YAHOO.widget.DualSlider.html#method_setMinValue", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "setValues", "url": "YAHOO.widget.DualSlider.html#method_setValues", "type": "method"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "slideEnd", "url": "YAHOO.widget.DualSlider.html#event_slideEnd", "type": "event"}, {"access": "", "host": "YAHOO.widget.DualSlider", "name": "slideStart", "url": "YAHOO.widget.DualSlider.html#event_slideStart", "type": "event"}, {"access": "private", "host": "YAHOO.widget.DualSlider", "name": "updateValue", "url": "YAHOO.widget.DualSlider.html#method_updateValue", "type": "method"}];
</script>
</body>
</html>