<!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 Slider (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 <span class="subtitle">3.0.0</span></h3>
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
> <a href="./module_slider.html" title="slider">slider</a>
> Slider
<form onsubmit="return false">
<div id="propertysearch">
Search: <input autocomplete="off" id="searchinput" />
<div id="searchresults">
</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">Slider</b>
<span class="extends">
- extends <a href="Widget.html" title="Widget">Widget</a>
</span>
</h2>
<!-- class tree goes here -->
<div class="summary description" property="yui:description">
Create a slider to represent an integer value between a given minimum and
maximum. Sliders may be aligned vertically or horizontally, based on the
<code>axis</code> configuration.
</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">Slider</strong>
<code>
(
config
)
</code>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">config</span>
<<span property="yui:type">Object</span>>
</code>
<span property="yui:description"> Configuration object</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="protected" rel="yui:property" resource="#property__disabled">
<h4><a name="property__disabled" property="yui:name">_disabled</a>
- <code>protected <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Deferred value for the disabled attribute when stalled (see _stall
property).
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property__factor">
<h4><a name="property__factor" property="yui:name">_factor</a>
- <code>protected <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Factor used to translate positional coordinates (e.g. left or top) to
the Slider's value.
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property__key">
<h4><a name="property__key" property="yui:name">_key</a>
- <code>protected <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Collection of object property names from the appropriate hash set in
Slider._AXIS_KEYS.
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property__railSize">
<h4><a name="property__railSize" property="yui:name">_railSize</a>
- <code>protected <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Pixel dimension of the rail Node's width for X axis Sliders or height
for Y axis Sliders. Used with _factor to calculate positional
coordinates for the thumb.
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property__stall">
<h4><a name="property__stall" property="yui:name">_stall</a>
- <code>protected <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Object returned from temporary subscription to disabledChange event to
defer setting the disabled state while Slider is loading the thumb
image.
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property__thumbOffset">
<h4><a name="property__thumbOffset" property="yui:name">_thumbOffset</a>
- <code>protected <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Pixel offset of the point in the thumb element from its top/left edge
to where the value calculation should take place. By default, this is
calculated to half the width of the thumb, causing the value to be
marked from the center of the thumb.
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property__thumbSize">
<h4><a name="property__thumbSize" property="yui:name">_thumbSize</a>
- <code>protected <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Pixel dimension of the thumb Node's width for X axis Sliders or height
for Y axis Sliders. Used with _factor to calculate positional
coordinates for the thumb.
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property_Slider._AXIS_KEYS">
<h4><a name="property_Slider._AXIS_KEYS" property="yui:name">Slider._AXIS_KEYS</a>
- <code>protected static <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Object property names used for respective X and Y axis Sliders (e.g.
"left" vs. "top" for placing the thumb according to
its representative value).
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property_Slider.ATTRS">
<h4><a name="property_Slider.ATTRS" property="yui:name">Slider.ATTRS</a>
- <code>protected static <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Static property used to define the default attribute configuration of
the Widget.
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:property" resource="#property_Slider.HTML_PARSER">
<h4><a name="property_Slider.HTML_PARSER" property="yui:name">Slider.HTML_PARSER</a>
- <code>protected static <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Static Object hash used to capture existing markup for progressive
enhancement. Keys correspond to config attribute names and values
are selectors used to inspect the contentBox for an existing node
structure.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_Slider.NAME">
<h4><a name="property_Slider.NAME" property="yui:name">Slider.NAME</a>
- <code>static <span property="yui:type">String</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The identity of the widget.
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="Attribute.html">
<h4>Properties inherited from <a href="Attribute.html" property="yui:name" title="Attribute">Attribute</a>:</h4>
<div class="content" rel="yui:properties">
<code>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="Widget.html">
<h4>Properties inherited from <a href="Widget.html" property="yui:name" title="Widget">Widget</a>:</h4>
<div class="content" rel="yui:properties">
<code>
<span rel="yui:property" resource="Widget.html#property__strings">
<a class="private" href="Widget.html#property__strings" property="yui:name" title="_strings">_strings</a><span class="private">,</span>
</span>
<span rel="yui:property" resource="Widget.html#property_BOUNDING_TEMPLATE">
<a class="" href="Widget.html#property_BOUNDING_TEMPLATE" property="yui:name" title="BOUNDING_TEMPLATE">BOUNDING_TEMPLATE</a><span class="">,</span>
</span>
<span rel="yui:property" resource="Widget.html#property_CONTENT_TEMPLATE">
<a class="" href="Widget.html#property_CONTENT_TEMPLATE" property="yui:name" title="CONTENT_TEMPLATE">CONTENT_TEMPLATE</a><span class="">,</span>
</span>
<span rel="yui:property" resource="Widget.html#property_DEF_UNIT">
<a class="" href="Widget.html#property_DEF_UNIT" property="yui:name" title="DEF_UNIT">DEF_UNIT</a><span class="">,</span>
</span>
<span rel="yui:property" resource="Widget.html#property_WRAP_STYLES">
<a class="" href="Widget.html#property_WRAP_STYLES" property="yui:name" title="WRAP_STYLES">WRAP_STYLES</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="Base.html">
<h4>Properties inherited from <a href="Base.html" property="yui:name" title="Base">Base</a>:</h4>
<div class="content" rel="yui:properties">
<code>
<span rel="yui:property" resource="Base.html#property_name">
<a class=" deprecated" href="Base.html#property_name" property="yui:name" title="name">name</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__afterDisabledChange">
<h4>
<a name="method__afterDisabledChange">_afterDisabledChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterDisabledChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Locks or unlocks the DD instance in response to a change in the disabled
attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> disabledChange custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__afterMaxChange">
<h4>
<a name="method__afterMaxChange">_afterMaxChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterMaxChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Updates the Slider UI in response to change in the max attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> maxChange custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__afterMinChange">
<h4>
<a name="method__afterMinChange">_afterMinChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterMinChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Updates the Slider UI in response to change in the min attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> minChange custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__afterRailSizeChange">
<h4>
<a name="method__afterRailSizeChange">_afterRailSizeChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterRailSizeChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Updates the Slider UI in response to change in the railSize attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> railSizeChange custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__afterThumbChange">
<h4>
<a name="method__afterThumbChange">_afterThumbChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterThumbChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Replaces the thumb Node in response to a change in the thumb attribute.
This only has effect after the Slider is rendered.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> thumbChange custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__afterThumbImageChange">
<h4>
<a name="method__afterThumbImageChange">_afterThumbImageChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterThumbImageChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Sets or replaces the thumb's contained <code>img</code> Node with the
new Node in response to a change in the thumbImage attribute. This only
has effect after the Slider is rendered.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> thumbImageChange custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__afterValueChange">
<h4>
<a name="method__afterValueChange">_afterValueChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterValueChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Fires the internal positionThumb event in response to a change in the
value attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> valueChange custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__bindThumbDD">
<h4>
<a name="method__bindThumbDD">_bindThumbDD</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_bindThumbDD</strong>
(
)
</code>
<div class="description" property="yui:description">
Creates the Y.DD instance used to handle the thumb interaction.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__convertOffsetToValue">
<h4>
<a name="method__convertOffsetToValue">_convertOffsetToValue</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_convertOffsetToValue</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Converts a pixel offset of the thumb on the rail to a value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> pixel offset of the thumb on the rail</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__convertValueToOffset">
<h4>
<a name="method__convertValueToOffset">_convertValueToOffset</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_convertValueToOffset</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Converts a value to a pixel offset for the thumb position on the rail.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> value between the Slider's min and max</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__defPositionThumbFn">
<h4>
<a name="method__defPositionThumbFn">_defPositionThumbFn</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_defPositionThumbFn</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Calls _uiPositionThumb with the value of the custom event's
"offset" property.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> the positionThumb custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__defSyncFn">
<h4>
<a name="method__defSyncFn">_defSyncFn</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_defSyncFn</strong>
(
e
)
</code>
<div class="description" property="yui:description">
The default synchronization behavior, updating the Slider's DOM state to
match the current attribute values.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> Internal sync event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__defThumbDragFn">
<h4>
<a name="method__defThumbDragFn">_defThumbDragFn</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_defThumbDragFn</strong>
(
e
)
</code>
<div class="description" property="yui:description">
The default value update behavior in response to Slider thumb
interaction. Calculates the value using stored offsets, the _factor
multiplier and the min value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> the internal thumbDrag event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__handleRailMouseDown">
<h4>
<a name="method__handleRailMouseDown">_handleRailMouseDown</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_handleRailMouseDown</strong>
(
e
)
</code>
<div class="description" property="yui:description">
If the Slider is not disabled and railEnabled is true, moves the thumb
to the mousedown position and hands control over to DD.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> Mousedown event facade</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__imageLoaded">
<h4>
<a name="method__imageLoaded">_imageLoaded</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_imageLoaded</strong>
(
img
,
e
)
</code>
<div class="description" property="yui:description">
Event handler assigned to the thumbImage's load and error event if it
was not loaded prior to instantiation. Restores the disabled value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">img</span>
<<span property="yui:type">Node</span>>
</code>
<span property="yui:description"> The thumbImage Node</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> load or error event fired by the thumbImage</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__initRail">
<h4>
<a name="method__initRail">_initRail</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_initRail</strong>
(
)
</code>
<div class="description" property="yui:description">
Creates the rail element if not provided and not discovered via
HTML_PARSER.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__initRailDD">
<h4>
<a name="method__initRailDD">_initRailDD</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_initRailDD</strong>
(
)
</code>
<div class="description" property="yui:description">
Subscribes to the rail Node's mousedown event to actuate the thumb when
backgroundEnabled is true.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__initThumb">
<h4>
<a name="method__initThumb">_initThumb</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_initThumb</strong>
(
)
</code>
<div class="description" property="yui:description">
<p>Creates the thumb element (not image) if not provided and not
discovered via HTML_PARSER. If the thumb is an <code>img</code> element
but no thumbImage configured or discovered, reassigns the thumb element
to the thumbImage and defaults the thumb element as a div.</p>
<p>Makes sure the thumb is a child of the rail element and calls
_initThumbImage if thumbImage is provided.</p>
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__initThumbImage">
<h4>
<a name="method__initThumbImage">_initThumbImage</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_initThumbImage</strong>
(
)
</code>
<div class="description" property="yui:description">
Ensures the thumbImage is a child of the thumb element.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__isDisplayNone">
<h4>
<a name="method__isDisplayNone">_isDisplayNone</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_isDisplayNone</strong>
(
el
)
</code>
<div class="description" property="yui:description">
Helper function to search up the ancestor axis looking for a node with
style display: none. This is passed as a function to node.ancestor(..)
to test if a given node is in the displayed DOM and can get accurate
positioning information.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
<<span property="yui:type">Node</span>>
</code>
<span property="yui:description"> ancestor node as the function walks up the parent axis</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">true if the node is styled with display: none</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__isImageLoaded">
<h4>
<a name="method__isImageLoaded">_isImageLoaded</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_isImageLoaded</strong>
(
img
)
</code>
<div class="description" property="yui:description">
Used to determine if the image resource loaded successfully or there was
an error.
NOTES:
<ul>
<li>img load error fired xbrowser for image resources not yet resolved</li>
<li>img.complete reports false in IE for images not yet loaded as well as images that failed to load</li>
<li>img.complete true && img.naturalWidth == 0 in FF and Safari indicate image failed to load</li>
<li>img.complete && img.width == 0 in Opera indicates image failed to load</li>
</ul>
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">img</span>
<<span property="yui:type">Node</span>>
</code>
<span property="yui:description"> <code>img</code> Node</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__isImageLoading">
<h4>
<a name="method__isImageLoading">_isImageLoading</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_isImageLoading</strong>
(
img
)
</code>
<div class="description" property="yui:description">
Used to determine if there is a current or pending request for the
thumbImage resource.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">img</span>
<<span property="yui:type">Node</span>>
</code>
<span property="yui:description"> <code>img</code> Node</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__onDDDrag">
<h4>
<a name="method__onDDDrag">_onDDDrag</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_onDDDrag</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Fires the thumbDrag event to queue Slider value update.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> the DD instance's drag:drag custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__onDDEndDrag">
<h4>
<a name="method__onDDEndDrag">_onDDEndDrag</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_onDDEndDrag</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Fires the slideEnd event.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> the DD instance's drag:end custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__onDDStartDrag">
<h4>
<a name="method__onDDStartDrag">_onDDStartDrag</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_onDDStartDrag</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Caches the current page position of the rail element and fires the
slideStart event in response to the DD's drag:start.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> the DD instance's drag:start custom event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__ready">
<h4>
<a name="method__ready">_ready</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_ready</strong>
(
img
,
error
)
</code>
<div class="description" property="yui:description">
Applies a class to the content box if the thumbImage failed to resolve,
the fires the internal sync event triggering a sync between UI and
state.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">img</span>
<<span property="yui:type">Node</span>>
</code>
<span property="yui:description"> the thumbImage Node</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">error</span>
<<span property="yui:type">Boolean</span>>
</code>
<span property="yui:description"> Indicates an error while loading the thumbImage</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__refresh">
<h4>
<a name="method__refresh">_refresh</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_refresh</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Common handler to call syncUI in response to change events that occurred
after the Slider is rendered.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> An attribute change event</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__resetDDCacheRegion">
<h4>
<a name="method__resetDDCacheRegion">_resetDDCacheRegion</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_resetDDCacheRegion</strong>
(
)
</code>
<div class="description" property="yui:description">
Resets the cached region inside the DD constrain instance to support
repositioning the Slider after instantiation.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__scheduleSync">
<h4>
<a name="method__scheduleSync">_scheduleSync</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_scheduleSync</strong>
(
)
</code>
<div class="description" property="yui:description">
Binds to the load and error event on the thumbImage to sync the DOM
state with the attribute settings when the image resource is resolved.
The Slider is disabled while it waits.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setAxisFn">
<h4>
<a name="method__setAxisFn">_setAxisFn</a></h4>
<div class="detail" >
<code>
protected
String
<strong property="yui:name">_setAxisFn</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Setter applied to the input when updating the axis attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">String</span>>
</code>
<span property="yui:description"> proposed value for the axis attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
String
</code></dt>
<dd property="yui:returnInfo">lowercased first character of the input string</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setDDGutter">
<h4>
<a name="method__setDDGutter">_setDDGutter</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setDDGutter</strong>
(
)
</code>
<div class="description" property="yui:description">
Passes the gutter attribute value to the DDConstrain gutter attribute.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setFactor">
<h4>
<a name="method__setFactor">_setFactor</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setFactor</strong>
(
)
</code>
<div class="description" property="yui:description">
Calculates the multiplier used to translate the value into a thumb
position.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setRailFn">
<h4>
<a name="method__setRailFn">_setRailFn</a></h4>
<div class="detail" >
<code>
protected
Node
<strong property="yui:name">_setRailFn</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Setter applied to the input when updating the rail attribute. Input can
be a Node, raw HTMLElement, or a selector string to locate it.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">Node|String|HTMLElement</span>>
</code>
<span property="yui:description"> The rail element Node or selector</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Node
</code></dt>
<dd property="yui:returnInfo">The Node if found. Otherwise null.</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setRailOffsetXY">
<h4>
<a name="method__setRailOffsetXY">_setRailOffsetXY</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setRailOffsetXY</strong>
(
)
</code>
<div class="description" property="yui:description">
Store the current XY position of the rail Node on the page. For use in
calculating thumb position from value.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setThumbFn">
<h4>
<a name="method__setThumbFn">_setThumbFn</a></h4>
<div class="detail" >
<code>
protected
Node
<strong property="yui:name">_setThumbFn</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Setter applied to the input when updating the thumb attribute. Input can
be a Node, raw HTMLElement, or a selector string to locate it.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">Node|String|HTMLElement</span>>
</code>
<span property="yui:description"> The thumb element Node or selector</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Node
</code></dt>
<dd property="yui:returnInfo">The Node if found. Otherwise null.</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setThumbImageFn">
<h4>
<a name="method__setThumbImageFn">_setThumbImageFn</a></h4>
<div class="detail" >
<code>
protected
Node
<strong property="yui:name">_setThumbImageFn</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Setter applied to the input when updating the thumbImage attribute.
Input can be a Node, raw HTMLElement, selector string to locate it, or
the URL for an image resource.
String input will be treated as a selector. If no element is found using
the selector, an <code>img</code> Node will be created with the string
used as the <code>src</code> attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">Node|String|HTMLElement</span>>
</code>
<span property="yui:description"> The thumbImage element Node, selector,
or image URL</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Node
</code></dt>
<dd property="yui:returnInfo">The Node if found or created. Otherwise null.</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setThumbOffset">
<h4>
<a name="method__setThumbOffset">_setThumbOffset</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setThumbOffset</strong>
(
)
</code>
<div class="description" property="yui:description">
Establishes the point in the thumb that should align to the rail
position representing the calculated value.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__stallDisabledChange">
<h4>
<a name="method__stallDisabledChange">_stallDisabledChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_stallDisabledChange</strong>
(
e
)
</code>
<div class="description" property="yui:description">
Method subscribed to the disabledChange event when thumbImage is being
loaded. Prevents manually enabling the Slider until the thumbImage
resource is resolved. Intended value is stored during load and set upon
completion.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">e</span>
<<span property="yui:type">Event</span>>
</code>
<span property="yui:description"> Change event for the disabled attribute</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__uiPositionThumb">
<h4>
<a name="method__uiPositionThumb">_uiPositionThumb</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_uiPositionThumb</strong>
(
xy
)
</code>
<div class="description" property="yui:description">
Places the thumb at a particular X or Y location based on the configured
axis.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">xy</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> the desired left or top pixel position of the thumb
in relation to the rail Node.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__uiSetRailSize">
<h4>
<a name="method__uiSetRailSize">_uiSetRailSize</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_uiSetRailSize</strong>
(
)
</code>
<div class="description" property="yui:description">
Stores the rail Node's pixel height or width, depending on the Slider's
axis, for use in calculating thumb position from the value.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__uiSetThumbSize">
<h4>
<a name="method__uiSetThumbSize">_uiSetThumbSize</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_uiSetThumbSize</strong>
(
)
</code>
<div class="description" property="yui:description">
Captures the thumb's pixel height or width (depending on the Slider's
axis) for use in positioning calculations.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewAxis">
<h4>
<a name="method__validateNewAxis">_validateNewAxis</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewAxis</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to new values for the axis attribute. Only
"x" and "y" are permitted.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">String</span>>
</code>
<span property="yui:description"> proposed value for the axis attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewMax">
<h4>
<a name="method__validateNewMax">_validateNewMax</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewMax</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to the max attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">MIXED</span>>
</code>
<span property="yui:description"> proposed value for the max attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewMin">
<h4>
<a name="method__validateNewMin">_validateNewMin</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewMin</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to the min attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">MIXED</span>>
</code>
<span property="yui:description"> proposed value for the min attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewRail">
<h4>
<a name="method__validateNewRail">_validateNewRail</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewRail</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to the rail attribute. Rejects all values after the
Slider has been rendered.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">MIXED</span>>
</code>
<span property="yui:description"> proposed value for the rail attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewRailSize">
<h4>
<a name="method__validateNewRailSize">_validateNewRailSize</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewRailSize</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to the railSize attribute. Only strings of css size
values (e.g. '200px') are allowed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">String</span>>
</code>
<span property="yui:description"> proposed value for the railSize attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewThumb">
<h4>
<a name="method__validateNewThumb">_validateNewThumb</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewThumb</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to the thumb attribute. Rejects all values after the
Slider has been rendered.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">MIXED</span>>
</code>
<span property="yui:description"> proposed value for the thumb attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewThumbImage">
<h4>
<a name="method__validateNewThumbImage">_validateNewThumbImage</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewThumbImage</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to the thumbImage attribute. Rejects all values after
the Slider has been rendered.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">MIXED</span>>
</code>
<span property="yui:description"> proposed value for the thumbImage attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNewValue">
<h4>
<a name="method__validateNewValue">_validateNewValue</a></h4>
<div class="detail" >
<code>
protected
<strong property="yui:name">_validateNewValue</strong>
(
v
)
</code>
<div class="description" property="yui:description">
Validator applied to the value attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">v</span>
<<span property="yui:type">MIXED</span>>
</code>
<span property="yui:description"> proposed value for the value attribute</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
</code></dt>
<dd property="yui:returnInfo">Boolean</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_bindUI">
<h4>
<a name="method_bindUI">bindUI</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">bindUI</strong>
(
)
</code>
<div class="description" property="yui:description">
Creates the Y.DD instance used to handle the thumb movement and binds
Slider interaction to the configured value model.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getValue">
<h4>
<a name="method_getValue">getValue</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">getValue</strong>
(
)
</code>
<div class="description" property="yui:description">
Convenience method for accessing the current value of the Slider.
Equivalent to <code>slider.get("value")</code>.
</div>
<div class="description">
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">the value</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_initializer">
<h4>
<a name="method_initializer">initializer</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">initializer</strong>
(
)
</code>
<div class="description" property="yui:description">
Construction logic executed durint Slider instantiation. Subscribes to
after events for min, max, and railSize. Publishes custom events
including slideStart and slideEnd.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_renderUI">
<h4>
<a name="method_renderUI">renderUI</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">renderUI</strong>
(
)
</code>
<div class="description" property="yui:description">
Create the DOM structure for the Slider.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_setValue">
<h4>
<a name="method_setValue">setValue</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">setValue</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Convenience method for updating the current value of the Slider.
Equivalent to <code>slider.set("value",val)</code>.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> the new value</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_syncUI">
<h4>
<a name="method_syncUI">syncUI</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">syncUI</strong>
(
)
</code>
<div class="description" property="yui:description">
Synchronizes the DOM state with the attribute settings (most notably
railSize and value). If thumbImage is provided and is still loading,
sync is delayed until it is complete, since the image's dimensions are
taken into consideration for calculations.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="EventTarget.html">
<h4>Methods inherited from <a href="EventTarget.html" property="yui:name" title="EventTarget">EventTarget</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="EventTarget.html#method__getType">
<a class="private" href="EventTarget.html#method__getType" property="yui:name" title="_getType">_getType</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method__parseType">
<a class="private" href="EventTarget.html#method__parseType" property="yui:name" title="_parseType">_parseType</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_addTarget">
<a class="" href="EventTarget.html#method_addTarget" property="yui:name" title="addTarget">addTarget</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_after">
<a class="" href="EventTarget.html#method_after" property="yui:name" title="after">after</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_before">
<a class=" deprecated" href="EventTarget.html#method_before" property="yui:name" title="before">before</a><span class=" deprecated">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_bubble">
<a class="" href="EventTarget.html#method_bubble" property="yui:name" title="bubble">bubble</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_detach">
<a class="" href="EventTarget.html#method_detach" property="yui:name" title="detach">detach</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_detachAll">
<a class="" href="EventTarget.html#method_detachAll" property="yui:name" title="detachAll">detachAll</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_fire">
<a class="" href="EventTarget.html#method_fire" property="yui:name" title="fire">fire</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_getEvent">
<a class="" href="EventTarget.html#method_getEvent" property="yui:name" title="getEvent">getEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_on">
<a class="" href="EventTarget.html#method_on" property="yui:name" title="on">on</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_publish">
<a class="" href="EventTarget.html#method_publish" property="yui:name" title="publish">publish</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_removeTarget">
<a class="" href="EventTarget.html#method_removeTarget" property="yui:name" title="removeTarget">removeTarget</a><span class="">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_subscribe">
<a class=" deprecated" href="EventTarget.html#method_subscribe" property="yui:name" title="subscribe">subscribe</a><span class=" deprecated">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_unsubscribe">
<a class=" deprecated" href="EventTarget.html#method_unsubscribe" property="yui:name" title="unsubscribe">unsubscribe</a><span class=" deprecated">,</span>
</span>
<span rel="yui:method" resource="EventTarget.html#method_unsubscribeAll">
<a class=" deprecated" href="EventTarget.html#method_unsubscribeAll" property="yui:name" title="unsubscribeAll">unsubscribeAll</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="Attribute.html">
<h4>Methods inherited from <a href="Attribute.html" property="yui:name" title="Attribute">Attribute</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="Attribute.html#method__addAttrs">
<a class="private" href="Attribute.html#method__addAttrs" property="yui:name" title="_addAttrs">_addAttrs</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__addLazyAttr">
<a class="private" href="Attribute.html#method__addLazyAttr" property="yui:name" title="_addLazyAttr">_addLazyAttr</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__defAttrChangeFn">
<a class="private" href="Attribute.html#method__defAttrChangeFn" property="yui:name" title="_defAttrChangeFn">_defAttrChangeFn</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__fireAttrChange">
<a class="private" href="Attribute.html#method__fireAttrChange" property="yui:name" title="_fireAttrChange">_fireAttrChange</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__getAttr">
<a class="protected" href="Attribute.html#method__getAttr" property="yui:name" title="_getAttr">_getAttr</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__getAttrInitVal">
<a class="private" href="Attribute.html#method__getAttrInitVal" property="yui:name" title="_getAttrInitVal">_getAttrInitVal</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__getAttrs">
<a class="protected" href="Attribute.html#method__getAttrs" property="yui:name" title="_getAttrs">_getAttrs</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__getStateVal">
<a class="private" href="Attribute.html#method__getStateVal" property="yui:name" title="_getStateVal">_getStateVal</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__isLazyAttr">
<a class="private" href="Attribute.html#method__isLazyAttr" property="yui:name" title="_isLazyAttr">_isLazyAttr</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__normAttrVals">
<a class="private" href="Attribute.html#method__normAttrVals" property="yui:name" title="_normAttrVals">_normAttrVals</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__protectAttrs">
<a class="protected" href="Attribute.html#method__protectAttrs" property="yui:name" title="_protectAttrs">_protectAttrs</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__set">
<a class="protected" href="Attribute.html#method__set" property="yui:name" title="_set">_set</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__setAttr">
<a class="protected" href="Attribute.html#method__setAttr" property="yui:name" title="_setAttr">_setAttr</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__setAttrs">
<a class="protected" href="Attribute.html#method__setAttrs" property="yui:name" title="_setAttrs">_setAttrs</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__setAttrVal">
<a class="private" href="Attribute.html#method__setAttrVal" property="yui:name" title="_setAttrVal">_setAttrVal</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method__setStateVal">
<a class="private" href="Attribute.html#method__setStateVal" property="yui:name" title="_setStateVal">_setStateVal</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_addAttr">
<a class="" href="Attribute.html#method_addAttr" property="yui:name" title="addAttr">addAttr</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_addAttrs">
<a class="" href="Attribute.html#method_addAttrs" property="yui:name" title="addAttrs">addAttrs</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_attrAdded">
<a class="" href="Attribute.html#method_attrAdded" property="yui:name" title="attrAdded">attrAdded</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_get">
<a class="" href="Attribute.html#method_get" property="yui:name" title="get">get</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_getAttrs">
<a class="" href="Attribute.html#method_getAttrs" property="yui:name" title="getAttrs">getAttrs</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_modifyAttr">
<a class="" href="Attribute.html#method_modifyAttr" property="yui:name" title="modifyAttr">modifyAttr</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_removeAttr">
<a class="" href="Attribute.html#method_removeAttr" property="yui:name" title="removeAttr">removeAttr</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_reset">
<a class="" href="Attribute.html#method_reset" property="yui:name" title="reset">reset</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_set">
<a class="" href="Attribute.html#method_set" property="yui:name" title="set">set</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Attribute.html#method_setAttrs">
<a class="" href="Attribute.html#method_setAttrs" property="yui:name" title="setAttrs">setAttrs</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="Widget.html">
<h4>Methods inherited from <a href="Widget.html" property="yui:name" title="Widget">Widget</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="Widget.html#method__afterDisabledChange">
<a class="protected" href="Widget.html#method__afterDisabledChange" property="yui:name" title="_afterDisabledChange">_afterDisabledChange</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__afterFocusedChange">
<a class="protected" href="Widget.html#method__afterFocusedChange" property="yui:name" title="_afterFocusedChange">_afterFocusedChange</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__afterHeightChange">
<a class="protected" href="Widget.html#method__afterHeightChange" property="yui:name" title="_afterHeightChange">_afterHeightChange</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__afterVisibleChange">
<a class="protected" href="Widget.html#method__afterVisibleChange" property="yui:name" title="_afterVisibleChange">_afterVisibleChange</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__afterWidthChange">
<a class="protected" href="Widget.html#method__afterWidthChange" property="yui:name" title="_afterWidthChange">_afterWidthChange</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__bindDOMListeners">
<a class="protected" href="Widget.html#method__bindDOMListeners" property="yui:name" title="_bindDOMListeners">_bindDOMListeners</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__bindUI">
<a class="protected" href="Widget.html#method__bindUI" property="yui:name" title="_bindUI">_bindUI</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__defRenderFn">
<a class="protected" href="Widget.html#method__defRenderFn" property="yui:name" title="_defRenderFn">_defRenderFn</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__getHtmlParser">
<a class="" href="Widget.html#method__getHtmlParser" property="yui:name" title="_getHtmlParser">_getHtmlParser</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__getStrings">
<a class="protected" href="Widget.html#method__getStrings" property="yui:name" title="_getStrings">_getStrings</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__moveStyles">
<a class="private" href="Widget.html#method__moveStyles" property="yui:name" title="_moveStyles">_moveStyles</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__onDocMouseDown">
<a class="protected" href="Widget.html#method__onDocMouseDown" property="yui:name" title="_onDocMouseDown">_onDocMouseDown</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__onFocus">
<a class="protected" href="Widget.html#method__onFocus" property="yui:name" title="_onFocus">_onFocus</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__parseHTML">
<a class="private" href="Widget.html#method__parseHTML" property="yui:name" title="_parseHTML">_parseHTML</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__renderBox">
<a class="private" href="Widget.html#method__renderBox" property="yui:name" title="_renderBox">_renderBox</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__renderBoxClassNames">
<a class="protected" href="Widget.html#method__renderBoxClassNames" property="yui:name" title="_renderBoxClassNames">_renderBoxClassNames</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__renderUI">
<a class="protected" href="Widget.html#method__renderUI" property="yui:name" title="_renderUI">_renderUI</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__setBoundingBox">
<a class="private" href="Widget.html#method__setBoundingBox" property="yui:name" title="_setBoundingBox">_setBoundingBox</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__setBox">
<a class="private" href="Widget.html#method__setBox" property="yui:name" title="_setBox">_setBox</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__setContentBox">
<a class="private" href="Widget.html#method__setContentBox" property="yui:name" title="_setContentBox">_setContentBox</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__setStrings">
<a class="protected" href="Widget.html#method__setStrings" property="yui:name" title="_setStrings">_setStrings</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__syncUI">
<a class="protected" href="Widget.html#method__syncUI" property="yui:name" title="_syncUI">_syncUI</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__uiSetDisabled">
<a class="protected" href="Widget.html#method__uiSetDisabled" property="yui:name" title="_uiSetDisabled">_uiSetDisabled</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__uiSetFocused">
<a class="protected" href="Widget.html#method__uiSetFocused" property="yui:name" title="_uiSetFocused">_uiSetFocused</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__uiSetHeight">
<a class="protected" href="Widget.html#method__uiSetHeight" property="yui:name" title="_uiSetHeight">_uiSetHeight</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__uiSetTabIndex">
<a class="protected" href="Widget.html#method__uiSetTabIndex" property="yui:name" title="_uiSetTabIndex">_uiSetTabIndex</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__uiSetVisible">
<a class="protected" href="Widget.html#method__uiSetVisible" property="yui:name" title="_uiSetVisible">_uiSetVisible</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method__uiSetWidth">
<a class="protected" href="Widget.html#method__uiSetWidth" property="yui:name" title="_uiSetWidth">_uiSetWidth</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_bindUI">
<a class="protected" href="Widget.html#method_bindUI" property="yui:name" title="bindUI">bindUI</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_blur">
<a class="" href="Widget.html#method_blur" property="yui:name" title="blur">blur</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_destructor">
<a class="protected" href="Widget.html#method_destructor" property="yui:name" title="destructor">destructor</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_disabled">
<a class="" href="Widget.html#method_disabled" property="yui:name" title="disabled">disabled</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_enable">
<a class="" href="Widget.html#method_enable" property="yui:name" title="enable">enable</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_focus">
<a class="" href="Widget.html#method_focus" property="yui:name" title="focus">focus</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_getClassName">
<a class="" href="Widget.html#method_getClassName" property="yui:name" title="getClassName">getClassName</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_getDefaultLocale">
<a class="" href="Widget.html#method_getDefaultLocale" property="yui:name" title="getDefaultLocale">getDefaultLocale</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_getString">
<a class="" href="Widget.html#method_getString" property="yui:name" title="getString">getString</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_getStrings">
<a class="" href="Widget.html#method_getStrings" property="yui:name" title="getStrings">getStrings</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_hide">
<a class="" href="Widget.html#method_hide" property="yui:name" title="hide">hide</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_initializer">
<a class="protected" href="Widget.html#method_initializer" property="yui:name" title="initializer">initializer</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_render">
<a class="" href="Widget.html#method_render" property="yui:name" title="render">render</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_renderer">
<a class="protected" href="Widget.html#method_renderer" property="yui:name" title="renderer">renderer</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_renderUI">
<a class="protected" href="Widget.html#method_renderUI" property="yui:name" title="renderUI">renderUI</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_show">
<a class="" href="Widget.html#method_show" property="yui:name" title="show">show</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_syncUI">
<a class="" href="Widget.html#method_syncUI" property="yui:name" title="syncUI">syncUI</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Widget.html#method_toString">
<a class="" href="Widget.html#method_toString" property="yui:name" title="toString">toString</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="Base.html">
<h4>Methods inherited from <a href="Base.html" property="yui:name" title="Base">Base</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="Base.html#method__aggregateAttrs">
<a class="private" href="Base.html#method__aggregateAttrs" property="yui:name" title="_aggregateAttrs">_aggregateAttrs</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__defDestroyFn">
<a class="protected" href="Base.html#method__defDestroyFn" property="yui:name" title="_defDestroyFn">_defDestroyFn</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__defInitFn">
<a class="protected" href="Base.html#method__defInitFn" property="yui:name" title="_defInitFn">_defInitFn</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__destroyHierarchy">
<a class="private" href="Base.html#method__destroyHierarchy" property="yui:name" title="_destroyHierarchy">_destroyHierarchy</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__filterAttrCfs">
<a class="private" href="Base.html#method__filterAttrCfs" property="yui:name" title="_filterAttrCfs">_filterAttrCfs</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__getAttrCfgs">
<a class="protected" href="Base.html#method__getAttrCfgs" property="yui:name" title="_getAttrCfgs">_getAttrCfgs</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__getClasses">
<a class="protected" href="Base.html#method__getClasses" property="yui:name" title="_getClasses">_getClasses</a><span class="protected">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__initHierarchy">
<a class="private" href="Base.html#method__initHierarchy" property="yui:name" title="_initHierarchy">_initHierarchy</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Base.html#method__initHierarchyData">
<a class="private" href="Base.html#method__initHierarchyData" property="yui:name" title="_initHierarchyData">_initHierarchyData</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="Base.html#method_destroy">
<a class="" href="Base.html#method_destroy" property="yui:name" title="destroy">destroy</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Base.html#method_init">
<a class="" href="Base.html#method_init" property="yui:name" title="init">init</a><span class="">,</span>
</span>
<span rel="yui:method" resource="Base.html#method_toString">
<a class="" href="Base.html#method_toString" property="yui:name" title="toString">toString</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_axisChange">
<h4>
<a name="event_axisChange">axisChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">axisChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'axis' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_maxChange">
<h4>
<a name="event_maxChange">maxChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">maxChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'max' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_maxGutterChange">
<h4>
<a name="event_maxGutterChange">maxGutterChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">maxGutterChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'maxGutter' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_minChange">
<h4>
<a name="event_minChange">minChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">minChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'min' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_minGutterChange">
<h4>
<a name="event_minGutterChange">minGutterChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">minGutterChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'minGutter' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_positionThumb">
<h4>
<a name="event_positionThumb">positionThumb</a></h4>
<div class="detail">
<code>
<strong property="yui:name">positionThumb</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Signals a request to reposition the thumb in response to API methods.
Triggers the thumb placement logic in _defPositionThumbFn.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description"> An Event Facade object with the following attribute specific properties added:
<dl>
<dt>changeEv</dt>
<dd><code>valueChange</code> event fired in response to the change in the value attribute</dd>
</dl></span>
</dd>
</dl>
<div class="preventable">
<strong>Preventable:</strong> This event is preventable by method e.preventDefault(). The default function executed by this event is _defPositionThumbFn.
</div>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_railChange">
<h4>
<a name="event_railChange">railChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">railChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'rail' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_railEnabledChange">
<h4>
<a name="event_railEnabledChange">railEnabledChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">railEnabledChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'railEnabled' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_railSizeChange">
<h4>
<a name="event_railSizeChange">railSizeChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">railSizeChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'railSize' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></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>
(
event
)
</code>
<div class="description" property="yui:description">
Signals the end of a thumb drag operation. Payload includes
the DD.Drag instance's drag:end event under key ddEvent.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description"> An Event Facade object with the following attribute specific properties added:
<dl>
<dt>ddEvent</dt>
<dd><code>drag:end</code> event from the managed DD.Drag instance</dd>
</dl></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>
(
event
)
</code>
<div class="description" property="yui:description">
Signals the beginning of a thumb drag operation. Payload includes
the DD.Drag instance's drag:start event under key ddEvent.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description"> An Event Facade object with the following attribute specific properties added:
<dl>
<dt>ddEvent</dt>
<dd><code>drag:start</code> event from the managed DD.Drag instance</dd>
</dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_sync">
<h4>
<a name="event_sync">sync</a></h4>
<div class="detail">
<code>
<strong property="yui:name">sync</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Communicates a request to synchronize the Slider UI with the
attribute state. Links the sync request with the default sync
logic in _defSyncFn.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description"> Event Facade object</span>
</dd>
</dl>
<div class="preventable">
<strong>Preventable:</strong> This event is preventable by method e.preventDefault(). The default function executed by this event is _defSyncFn.
</div>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_thumbChange">
<h4>
<a name="event_thumbChange">thumbChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">thumbChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'thumb' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_thumbDrag">
<h4>
<a name="event_thumbDrag">thumbDrag</a></h4>
<div class="detail">
<code>
<strong property="yui:name">thumbDrag</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Bridges user interaction with the thumb to the value attribute.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description"> An Event Facade object with the following attribute specific properties added:
<dl>
<dt>ddEvent</dt>
<dd><code>drag:drag</code> event from the managed DD.Drag instance</dd>
</dl></span>
</dd>
</dl>
<div class="preventable">
<strong>Preventable:</strong> This event is preventable by method e.preventDefault(). The default function executed by this event is _defThumbDragFn.
</div>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_thumbImageChange">
<h4>
<a name="event_thumbImageChange">thumbImageChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">thumbImageChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'thumbImage' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_valueChange">
<h4>
<a name="event_valueChange">valueChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">valueChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'value' is changed. You can listen for the event using the <a href="Attribute.html#method_on">on</a> method if you wish to be notified before the attribute's value has changed, or using the <a href="Event.Target.html#method_after">after</a> method if you wish to be notified after the attribute's value has changed.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
<<span property="yui:type">Event.Facade</span>>
</code>
<span property="yui:description">An Event Facade object with the following attribute specific properties added: <dl> <dt>prevVal</dt> <dd>The value of the attribute, prior to it being set</dd> <dt>newVal</dt> <dd>The value the attribute is to be set to</dd> <dt>attrName</dt> <dd>The name of the attribute being set</dd> <dt>subAttrName</dt> <dd>If setting a property within the attribute's value, the name of the sub-attribute property being set</dd> </dl></span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="Widget.html">
<h4>Events inherited from <a href="Widget.html" property="yui:name" title="Widget">Widget</a>:</h4>
<div class="content" rel="yui:events">
<code>
<span rel="yui:event" resource="Widget.html#event_boundingBoxChange">
<a class="" href="Widget.html#event_boundingBoxChange" property="yui:name" title="boundingBoxChange">boundingBoxChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_contentBoxChange">
<a class="" href="Widget.html#event_contentBoxChange" property="yui:name" title="contentBoxChange">contentBoxChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_disabledChange">
<a class="" href="Widget.html#event_disabledChange" property="yui:name" title="disabledChange">disabledChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_focusedChange">
<a class="" href="Widget.html#event_focusedChange" property="yui:name" title="focusedChange">focusedChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_heightChange">
<a class="" href="Widget.html#event_heightChange" property="yui:name" title="heightChange">heightChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_localeChange">
<a class="" href="Widget.html#event_localeChange" property="yui:name" title="localeChange">localeChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_moveStylesChange">
<a class="" href="Widget.html#event_moveStylesChange" property="yui:name" title="moveStylesChange">moveStylesChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_renderedChange">
<a class="" href="Widget.html#event_renderedChange" property="yui:name" title="renderedChange">renderedChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_stringsChange">
<a class="" href="Widget.html#event_stringsChange" property="yui:name" title="stringsChange">stringsChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_tabIndexChange">
<a class="" href="Widget.html#event_tabIndexChange" property="yui:name" title="tabIndexChange">tabIndexChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_visibleChange">
<a class="" href="Widget.html#event_visibleChange" property="yui:name" title="visibleChange">visibleChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_widget:contentUpdate">
<a class="" href="Widget.html#event_widget:contentUpdate" property="yui:name" title="widget:contentUpdate">widget:contentUpdate</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_widget:render">
<a class="" href="Widget.html#event_widget:render" property="yui:name" title="widget:render">widget:render</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Widget.html#event_widthChange">
<a class="" href="Widget.html#event_widthChange" property="yui:name" title="widthChange">widthChange</a><span class="">,</span>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="Base.html">
<h4>Events inherited from <a href="Base.html" property="yui:name" title="Base">Base</a>:</h4>
<div class="content" rel="yui:events">
<code>
<span rel="yui:event" resource="Base.html#event_destroy">
<a class="" href="Base.html#event_destroy" property="yui:name" title="destroy">destroy</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Base.html#event_destroyedChange">
<a class="" href="Base.html#event_destroyedChange" property="yui:name" title="destroyedChange">destroyedChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Base.html#event_init">
<a class="" href="Base.html#event_init" property="yui:name" title="init">init</a><span class="">,</span>
</span>
<span rel="yui:event" resource="Base.html#event_initializedChange">
<a class="" href="Base.html#event_initializedChange" property="yui:name" title="initializedChange">initializedChange</a><span class="">,</span>
</span>
</code>
</div>
</div>
</div>
</div>
<div rel="yui:attributes" resource="#configattributes">
<div class="section field details">
<h3 id="configattributes">Configuration Attributes</h3>
<div class="content">
<div class="" rel="yui:attribute" resource="#config_axis">
<h4><a name="config_axis">axis</a>
<code>- writeonce <span property="yui:type">String</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Axis upon which the Slider's thumb moves. "x" for
horizontal, "y" for vertical.
</div>
</div>
<div class="default">
Default Value: "x"
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_max">
<h4><a name="config_max">max</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Value associated with the right or bottom most position of the thumb
on the rail.
</div>
</div>
<div class="default">
Default Value: 100
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_maxGutter">
<h4><a name="config_maxGutter">maxGutter</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Like CSS padding, the distance in pixels from the inner bottom or
right edge of the rail node within which the thumb can travel.
Negative values allow the edge of the thumb to escape the rail node
boundaries.
</div>
</div>
<div class="default">
Default Value: 0
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_min">
<h4><a name="config_min">min</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Value associated with the left or top most position of the thumb on
the rail.
</div>
</div>
<div class="default">
Default Value: 0
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_minGutter">
<h4><a name="config_minGutter">minGutter</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Like CSS padding, the distance in pixels from the inner top or left
edge of the rail node within which the thumb can travel. Negative
values allow the edge of the thumb to escape the rail node
boundaries.
</div>
</div>
<div class="default">
Default Value: 0
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_rail">
<h4><a name="config_rail">rail</a>
<code>- <span property="yui:type">Node</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Node representing the Slider's rail, usually visualized as a
bar of some sort using a background image, along which the thumb
moves. This Node contains the thumb Node.
</div>
</div>
<div class="default">
Default Value: null
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_railEnabled">
<h4><a name="config_railEnabled">railEnabled</a>
<code>- <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Boolean indicating whether clicking and dragging on the rail will
trigger thumb movement.
</div>
</div>
<div class="default">
Default Value: true
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_railSize">
<h4><a name="config_railSize">railSize</a>
<code>- <span property="yui:type">String</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
<p>The width or height of the rail element representing the physical
space along which the thumb can move. CSS size values (e.g. '30em')
accepted but converted to pixels during render.</p>
<p>Alternately, but not recommended, this attribute can be left
unassigned in favor of specifying height or width.</p>
</div>
</div>
<div class="default">
Default Value: '0'
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_thumb">
<h4><a name="config_thumb">thumb</a>
<code>- <span property="yui:type">Node</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
<p>The Node representing the Slider's thumb, usually visualized as a
pointer using a contained image Node (see thumbImage). The current
value of the Slider is calculated from the centerpoint of this
Node in relation to the rail Node. If provided, the thumbImage
Node is contained within this Node.</p>
<p>If no thumbImage is provided and the Node passed as the thumb is
an <code>img</code> element, the assigned Node will be allocated to
the thumbImage and the thumb container defaulted.</p>
</div>
</div>
<div class="default">
Default Value: null
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_thumbImage">
<h4><a name="config_thumbImage">thumbImage</a>
<code>- <span property="yui:type">Node|String</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
<p>The Node representing the image element to use for the Slider's
thumb.</p>
<p>Alternately, an image URL can be passed and an <code>img</code>
Node will be generated accordingly.</p>
<p>If no thumbImage is provided and the Node passed as the thumb is
an <code>img</code> element, the assigned Node will be allocated to
the thumbImage and the thumb container defaulted.</p>
<p>If thumbImage is provided but its URL resolves to a 404, a default
style will be applied to maintain basic functionality.</p>
</div>
</div>
<div class="default">
Default Value: null
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_value">
<h4><a name="config_value">value</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The current value of the Slider. This value is interpretted into a
position for the thumb along the Slider's rail.
</div>
</div>
<div class="default">
Default Value: 0
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="Widget.html">
<h4>Configuration attributes inherited from <a href="Widget.html" property="yui:name" title="Widget">Widget</a>:</h4>
<div class="content" rel="yui:attributes">
<code>
<span rel="yui:attribute" resource="Widget.html#config_boundingBox">
<a class="" href="Widget.html#config_boundingBox" property="yui:name" title="boundingBox">boundingBox</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_contentBox">
<a class="" href="Widget.html#config_contentBox" property="yui:name" title="contentBox">contentBox</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_disabled">
<a class="" href="Widget.html#config_disabled" property="yui:name" title="disabled">disabled</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_focused">
<a class="" href="Widget.html#config_focused" property="yui:name" title="focused">focused</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_height">
<a class="" href="Widget.html#config_height" property="yui:name" title="height">height</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_locale">
<a class="" href="Widget.html#config_locale" property="yui:name" title="locale">locale</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_moveStyles">
<a class="" href="Widget.html#config_moveStyles" property="yui:name" title="moveStyles">moveStyles</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_rendered">
<a class="" href="Widget.html#config_rendered" property="yui:name" title="rendered">rendered</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_strings">
<a class="" href="Widget.html#config_strings" property="yui:name" title="strings">strings</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_tabIndex">
<a class="" href="Widget.html#config_tabIndex" property="yui:name" title="tabIndex">tabIndex</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_visible">
<a class="" href="Widget.html#config_visible" property="yui:name" title="visible">visible</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Widget.html#config_width">
<a class="" href="Widget.html#config_width" property="yui:name" title="width">width</a><span class="">,</span>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="Base.html">
<h4>Configuration attributes inherited from <a href="Base.html" property="yui:name" title="Base">Base</a>:</h4>
<div class="content" rel="yui:attributes">
<code>
<span rel="yui:attribute" resource="Base.html#config_destroyed">
<a class="" href="Base.html#config_destroyed" property="yui:name" title="destroyed">destroyed</a><span class="">,</span>
</span>
<span rel="yui:attribute" resource="Base.html#config_initialized">
<a class="" href="Base.html#config_initialized" property="yui:name" title="initialized">initialized</a><span class="">,</span>
</span>
</code>
</div>
</div>
</div>
</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_anim.html" title="anim">anim</a></li>
<li class=""><a href="module_async-queue.html" title="async-queue">async-queue</a></li>
<li class=""><a href="module_attribute.html" title="attribute">attribute</a></li>
<li class=""><a href="module_base.html" title="base">base</a></li>
<li class=""><a href="module_cache.html" title="cache">cache</a></li>
<li class=""><a href="module_classnamemanager.html" title="classnamemanager">classnamemanager</a></li>
<li class=""><a href="module_collection.html" title="collection">collection</a></li>
<li class=""><a href="module_console.html" title="console">console</a></li>
<li class=""><a href="module_console-filters.html" title="console-filters">console-filters</a></li>
<li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
<li class=""><a href="module_dataschema.html" title="dataschema">dataschema</a></li>
<li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
<li class=""><a href="module_datatype.html" title="datatype">datatype</a></li>
<li class=""><a href="module_dd.html" title="dd">dd</a></li>
<li class=""><a href="module_dom.html" title="dom">dom</a></li>
<li class=""><a href="module_dump.html" title="dump">dump</a></li>
<li class=""><a href="module_event.html" title="event">event</a></li>
<li class=""><a href="module_event-custom.html" title="event-custom">event-custom</a></li>
<li class=""><a href="module_event-simulate.html" title="event-simulate">event-simulate</a></li>
<li class=""><a href="module_history.html" title="history">history</a></li>
<li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
<li class=""><a href="module_io.html" title="io">io</a></li>
<li class=""><a href="module_json.html" title="json">json</a></li>
<li class=""><a href="module_node.html" title="node">node</a></li>
<li class=""><a href="module_node-focusmanager.html" title="node-focusmanager">node-focusmanager</a></li>
<li class=""><a href="module_node-menunav.html" title="node-menunav">node-menunav</a></li>
<li class=""><a href="module_oop.html" title="oop">oop</a></li>
<li class=""><a href="module_overlay.html" title="overlay">overlay</a></li>
<li class=""><a href="module_plugin.html" title="plugin">plugin</a></li>
<li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
<li class=""><a href="module_queue-promote.html" title="queue-promote">queue-promote</a></li>
<li class="selected"><a href="module_slider.html" title="slider">slider</a></li>
<li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
<li class=""><a href="module_substitute.html" title="substitute">substitute</a></li>
<li class=""><a href="module_test.html" title="test">test</a></li>
<li class=""><a href="module_widget.html" title="widget">widget</a></li>
<li class=""><a href="module_widget-position.html" title="widget-position">widget-position</a></li>
<li class=""><a href="module_widget-position-ext.html" title="widget-position-ext">widget-position-ext</a></li>
<li class=""><a href="module_widget-stack.html" title="widget-stack">widget-stack</a></li>
<li class=""><a href="module_widget-stdmod.html" title="widget-stdmod">widget-stdmod</a></li>
<li class=""><a href="module_yui.html" title="yui">yui</a></li>
</ul>
</div>
<div id="classList" class="module">
<h4>Classes</h4>
<ul class="content">
<li class="selected"><a href="Slider.html" title="Slider">Slider</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="slider.js.html" title="slider.js">slider.js</a></li>
</ul>
</div>
<div id="propertyList" class="module">
<h4>Properties</h4>
<ul class="content">
<li class="protected"><a href="#property__disabled" title="_disabled">_disabled</a></li>
<li class="protected"><a href="#property__factor" title="_factor">_factor</a></li>
<li class="protected"><a href="#property__key" title="_key">_key</a></li>
<li class="protected"><a href="#property__railSize" title="_railSize">_railSize</a></li>
<li class="protected"><a href="#property__stall" title="_stall">_stall</a></li>
<li class="protected"><a href="#property__thumbOffset" title="_thumbOffset">_thumbOffset</a></li>
<li class="protected"><a href="#property__thumbSize" title="_thumbSize">_thumbSize</a></li>
<li class="protected"><a href="#property_Slider._AXIS_KEYS" title="Slider._AXIS_KEYS">Slider._AXIS_KEYS</a></li>
<li class="protected"><a href="#property_Slider.ATTRS" title="Slider.ATTRS">Slider.ATTRS</a></li>
<li class="protected"><a href="#property_Slider.HTML_PARSER" title="Slider.HTML_PARSER">Slider.HTML_PARSER</a></li>
<li class=""><a href="#property_Slider.NAME" title="Slider.NAME">Slider.NAME</a></li>
</ul>
</div>
<div id="methodsList" class="module">
<h4>Methods</h4>
<ul class="content">
<li class="protected"><a href="#method__afterDisabledChange" title="_afterDisabledChange">_afterDisabledChange</a></li>
<li class="protected"><a href="#method__afterMaxChange" title="_afterMaxChange">_afterMaxChange</a></li>
<li class="protected"><a href="#method__afterMinChange" title="_afterMinChange">_afterMinChange</a></li>
<li class="protected"><a href="#method__afterRailSizeChange" title="_afterRailSizeChange">_afterRailSizeChange</a></li>
<li class="protected"><a href="#method__afterThumbChange" title="_afterThumbChange">_afterThumbChange</a></li>
<li class="protected"><a href="#method__afterThumbImageChange" title="_afterThumbImageChange">_afterThumbImageChange</a></li>
<li class="protected"><a href="#method__afterValueChange" title="_afterValueChange">_afterValueChange</a></li>
<li class="protected"><a href="#method__bindThumbDD" title="_bindThumbDD">_bindThumbDD</a></li>
<li class="protected"><a href="#method__convertOffsetToValue" title="_convertOffsetToValue">_convertOffsetToValue</a></li>
<li class="protected"><a href="#method__convertValueToOffset" title="_convertValueToOffset">_convertValueToOffset</a></li>
<li class="protected"><a href="#method__defPositionThumbFn" title="_defPositionThumbFn">_defPositionThumbFn</a></li>
<li class="protected"><a href="#method__defSyncFn" title="_defSyncFn">_defSyncFn</a></li>
<li class="protected"><a href="#method__defThumbDragFn" title="_defThumbDragFn">_defThumbDragFn</a></li>
<li class="protected"><a href="#method__handleRailMouseDown" title="_handleRailMouseDown">_handleRailMouseDown</a></li>
<li class="protected"><a href="#method__imageLoaded" title="_imageLoaded">_imageLoaded</a></li>
<li class="protected"><a href="#method__initRail" title="_initRail">_initRail</a></li>
<li class="protected"><a href="#method__initRailDD" title="_initRailDD">_initRailDD</a></li>
<li class="protected"><a href="#method__initThumb" title="_initThumb">_initThumb</a></li>
<li class="protected"><a href="#method__initThumbImage" title="_initThumbImage">_initThumbImage</a></li>
<li class="protected"><a href="#method__isDisplayNone" title="_isDisplayNone">_isDisplayNone</a></li>
<li class="protected"><a href="#method__isImageLoaded" title="_isImageLoaded">_isImageLoaded</a></li>
<li class="protected"><a href="#method__isImageLoading" title="_isImageLoading">_isImageLoading</a></li>
<li class="protected"><a href="#method__onDDDrag" title="_onDDDrag">_onDDDrag</a></li>
<li class="protected"><a href="#method__onDDEndDrag" title="_onDDEndDrag">_onDDEndDrag</a></li>
<li class="protected"><a href="#method__onDDStartDrag" title="_onDDStartDrag">_onDDStartDrag</a></li>
<li class="protected"><a href="#method__ready" title="_ready">_ready</a></li>
<li class="protected"><a href="#method__refresh" title="_refresh">_refresh</a></li>
<li class="protected"><a href="#method__resetDDCacheRegion" title="_resetDDCacheRegion">_resetDDCacheRegion</a></li>
<li class="protected"><a href="#method__scheduleSync" title="_scheduleSync">_scheduleSync</a></li>
<li class="protected"><a href="#method__setAxisFn" title="_setAxisFn">_setAxisFn</a></li>
<li class="protected"><a href="#method__setDDGutter" title="_setDDGutter">_setDDGutter</a></li>
<li class="protected"><a href="#method__setFactor" title="_setFactor">_setFactor</a></li>
<li class="protected"><a href="#method__setRailFn" title="_setRailFn">_setRailFn</a></li>
<li class="protected"><a href="#method__setRailOffsetXY" title="_setRailOffsetXY">_setRailOffsetXY</a></li>
<li class="protected"><a href="#method__setThumbFn" title="_setThumbFn">_setThumbFn</a></li>
<li class="protected"><a href="#method__setThumbImageFn" title="_setThumbImageFn">_setThumbImageFn</a></li>
<li class="protected"><a href="#method__setThumbOffset" title="_setThumbOffset">_setThumbOffset</a></li>
<li class="protected"><a href="#method__stallDisabledChange" title="_stallDisabledChange">_stallDisabledChange</a></li>
<li class="protected"><a href="#method__uiPositionThumb" title="_uiPositionThumb">_uiPositionThumb</a></li>
<li class="protected"><a href="#method__uiSetRailSize" title="_uiSetRailSize">_uiSetRailSize</a></li>
<li class="protected"><a href="#method__uiSetThumbSize" title="_uiSetThumbSize">_uiSetThumbSize</a></li>
<li class="protected"><a href="#method__validateNewAxis" title="_validateNewAxis">_validateNewAxis</a></li>
<li class="protected"><a href="#method__validateNewMax" title="_validateNewMax">_validateNewMax</a></li>
<li class="protected"><a href="#method__validateNewMin" title="_validateNewMin">_validateNewMin</a></li>
<li class="protected"><a href="#method__validateNewRail" title="_validateNewRail">_validateNewRail</a></li>
<li class="protected"><a href="#method__validateNewRailSize" title="_validateNewRailSize">_validateNewRailSize</a></li>
<li class="protected"><a href="#method__validateNewThumb" title="_validateNewThumb">_validateNewThumb</a></li>
<li class="protected"><a href="#method__validateNewThumbImage" title="_validateNewThumbImage">_validateNewThumbImage</a></li>
<li class="protected"><a href="#method__validateNewValue" title="_validateNewValue">_validateNewValue</a></li>
<li class="protected"><a href="#method_bindUI" title="bindUI">bindUI</a></li>
<li class=""><a href="#method_getValue" title="getValue">getValue</a></li>
<li class="protected"><a href="#method_initializer" title="initializer">initializer</a></li>
<li class="protected"><a href="#method_renderUI" title="renderUI">renderUI</a></li>
<li class=""><a href="#method_setValue" title="setValue">setValue</a></li>
<li class=""><a href="#method_syncUI" title="syncUI">syncUI</a></li>
</ul>
</div>
<div id="eventsList" class="module">
<h4>Events</h4>
<ul class="content">
<li class=""><a href="#event_axisChange" title="axisChange">axisChange</a></li>
<li class=""><a href="#event_maxChange" title="maxChange">maxChange</a></li>
<li class=""><a href="#event_maxGutterChange" title="maxGutterChange">maxGutterChange</a></li>
<li class=""><a href="#event_minChange" title="minChange">minChange</a></li>
<li class=""><a href="#event_minGutterChange" title="minGutterChange">minGutterChange</a></li>
<li class=""><a href="#event_positionThumb" title="positionThumb">positionThumb</a></li>
<li class=""><a href="#event_railChange" title="railChange">railChange</a></li>
<li class=""><a href="#event_railEnabledChange" title="railEnabledChange">railEnabledChange</a></li>
<li class=""><a href="#event_railSizeChange" title="railSizeChange">railSizeChange</a></li>
<li class=""><a href="#event_slideEnd" title="slideEnd">slideEnd</a></li>
<li class=""><a href="#event_slideStart" title="slideStart">slideStart</a></li>
<li class=""><a href="#event_sync" title="sync">sync</a></li>
<li class=""><a href="#event_thumbChange" title="thumbChange">thumbChange</a></li>
<li class=""><a href="#event_thumbDrag" title="thumbDrag">thumbDrag</a></li>
<li class=""><a href="#event_thumbImageChange" title="thumbImageChange">thumbImageChange</a></li>
<li class=""><a href="#event_valueChange" title="valueChange">valueChange</a></li>
</ul>
</div>
<div id="configList" class="module">
<h4>Configuration Attributes</h4>
<ul class="content">
<li class=""><a href="#config_axis" title="axis">axis</a></li>
<li class=""><a href="#config_max" title="max">max</a></li>
<li class=""><a href="#config_maxGutter" title="maxGutter">maxGutter</a></li>
<li class=""><a href="#config_min" title="min">min</a></li>
<li class=""><a href="#config_minGutter" title="minGutter">minGutter</a></li>
<li class=""><a href="#config_rail" title="rail">rail</a></li>
<li class=""><a href="#config_railEnabled" title="railEnabled">railEnabled</a></li>
<li class=""><a href="#config_railSize" title="railSize">railSize</a></li>
<li class=""><a href="#config_thumb" title="thumb">thumb</a></li>
<li class=""><a href="#config_thumbImage" title="thumbImage">thumbImage</a></li>
<li class=""><a href="#config_value" title="value">value</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright © 2009 Yahoo! Inc. All rights reserved.
</div>
</div>
<script type="text/javascript">
ALL_YUI_PROPS = [{"access": "protected", "host": "Slider", "name": "_afterDisabledChange", "url": "Slider.html#method__afterDisabledChange", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_afterMaxChange", "url": "Slider.html#method__afterMaxChange", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_afterMinChange", "url": "Slider.html#method__afterMinChange", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_afterRailSizeChange", "url": "Slider.html#method__afterRailSizeChange", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_afterThumbChange", "url": "Slider.html#method__afterThumbChange", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_afterThumbImageChange", "url": "Slider.html#method__afterThumbImageChange", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_afterValueChange", "url": "Slider.html#method__afterValueChange", "type": "method"}, {"access": "", "host": "Slider", "name": "axis", "url": "Slider.html#config_axis", "type": "config"}, {"access": "", "host": "Slider", "name": "axisChange", "url": "Slider.html#event_axisChange", "type": "event"}, {"access": "protected", "host": "Slider", "name": "_bindThumbDD", "url": "Slider.html#method__bindThumbDD", "type": "method"}, {"access": "protected", "host": "Slider", "name": "bindUI", "url": "Slider.html#method_bindUI", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_convertOffsetToValue", "url": "Slider.html#method__convertOffsetToValue", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_convertValueToOffset", "url": "Slider.html#method__convertValueToOffset", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_defPositionThumbFn", "url": "Slider.html#method__defPositionThumbFn", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_defSyncFn", "url": "Slider.html#method__defSyncFn", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_defThumbDragFn", "url": "Slider.html#method__defThumbDragFn", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_disabled", "url": "Slider.html#property__disabled", "type": "property"}, {"access": "protected", "host": "Slider", "name": "_factor", "url": "Slider.html#property__factor", "type": "property"}, {"access": "", "host": "Slider", "name": "getValue", "url": "Slider.html#method_getValue", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_handleRailMouseDown", "url": "Slider.html#method__handleRailMouseDown", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_imageLoaded", "url": "Slider.html#method__imageLoaded", "type": "method"}, {"access": "protected", "host": "Slider", "name": "initializer", "url": "Slider.html#method_initializer", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_initRail", "url": "Slider.html#method__initRail", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_initRailDD", "url": "Slider.html#method__initRailDD", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_initThumb", "url": "Slider.html#method__initThumb", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_initThumbImage", "url": "Slider.html#method__initThumbImage", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_isDisplayNone", "url": "Slider.html#method__isDisplayNone", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_isImageLoaded", "url": "Slider.html#method__isImageLoaded", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_isImageLoading", "url": "Slider.html#method__isImageLoading", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_key", "url": "Slider.html#property__key", "type": "property"}, {"access": "", "host": "Slider", "name": "max", "url": "Slider.html#config_max", "type": "config"}, {"access": "", "host": "Slider", "name": "maxChange", "url": "Slider.html#event_maxChange", "type": "event"}, {"access": "", "host": "Slider", "name": "maxGutter", "url": "Slider.html#config_maxGutter", "type": "config"}, {"access": "", "host": "Slider", "name": "maxGutterChange", "url": "Slider.html#event_maxGutterChange", "type": "event"}, {"access": "", "host": "Slider", "name": "min", "url": "Slider.html#config_min", "type": "config"}, {"access": "", "host": "Slider", "name": "minChange", "url": "Slider.html#event_minChange", "type": "event"}, {"access": "", "host": "Slider", "name": "minGutter", "url": "Slider.html#config_minGutter", "type": "config"}, {"access": "", "host": "Slider", "name": "minGutterChange", "url": "Slider.html#event_minGutterChange", "type": "event"}, {"access": "protected", "host": "Slider", "name": "_onDDDrag", "url": "Slider.html#method__onDDDrag", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_onDDEndDrag", "url": "Slider.html#method__onDDEndDrag", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_onDDStartDrag", "url": "Slider.html#method__onDDStartDrag", "type": "method"}, {"access": "", "host": "Slider", "name": "positionThumb", "url": "Slider.html#event_positionThumb", "type": "event"}, {"access": "", "host": "Slider", "name": "rail", "url": "Slider.html#config_rail", "type": "config"}, {"access": "", "host": "Slider", "name": "railChange", "url": "Slider.html#event_railChange", "type": "event"}, {"access": "", "host": "Slider", "name": "railEnabled", "url": "Slider.html#config_railEnabled", "type": "config"}, {"access": "", "host": "Slider", "name": "railEnabledChange", "url": "Slider.html#event_railEnabledChange", "type": "event"}, {"access": "protected", "host": "Slider", "name": "_railSize", "url": "Slider.html#property__railSize", "type": "property"}, {"access": "", "host": "Slider", "name": "railSize", "url": "Slider.html#config_railSize", "type": "config"}, {"access": "", "host": "Slider", "name": "railSizeChange", "url": "Slider.html#event_railSizeChange", "type": "event"}, {"access": "protected", "host": "Slider", "name": "_ready", "url": "Slider.html#method__ready", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_refresh", "url": "Slider.html#method__refresh", "type": "method"}, {"access": "protected", "host": "Slider", "name": "renderUI", "url": "Slider.html#method_renderUI", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_resetDDCacheRegion", "url": "Slider.html#method__resetDDCacheRegion", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_scheduleSync", "url": "Slider.html#method__scheduleSync", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setAxisFn", "url": "Slider.html#method__setAxisFn", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setDDGutter", "url": "Slider.html#method__setDDGutter", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setFactor", "url": "Slider.html#method__setFactor", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setRailFn", "url": "Slider.html#method__setRailFn", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setRailOffsetXY", "url": "Slider.html#method__setRailOffsetXY", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setThumbFn", "url": "Slider.html#method__setThumbFn", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setThumbImageFn", "url": "Slider.html#method__setThumbImageFn", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_setThumbOffset", "url": "Slider.html#method__setThumbOffset", "type": "method"}, {"access": "", "host": "Slider", "name": "setValue", "url": "Slider.html#method_setValue", "type": "method"}, {"access": "", "host": "Slider", "name": "slideEnd", "url": "Slider.html#event_slideEnd", "type": "event"}, {"access": "protected", "host": "Slider", "name": "Slider.ATTRS", "url": "Slider.html#property_Slider.ATTRS", "type": "property"}, {"access": "protected", "host": "Slider", "name": "Slider._AXIS_KEYS", "url": "Slider.html#property_Slider._AXIS_KEYS", "type": "property"}, {"access": "protected", "host": "Slider", "name": "Slider.HTML_PARSER", "url": "Slider.html#property_Slider.HTML_PARSER", "type": "property"}, {"access": "", "host": "Slider", "name": "Slider.NAME", "url": "Slider.html#property_Slider.NAME", "type": "property"}, {"access": "", "host": "Slider", "name": "slideStart", "url": "Slider.html#event_slideStart", "type": "event"}, {"access": "protected", "host": "Slider", "name": "_stall", "url": "Slider.html#property__stall", "type": "property"}, {"access": "protected", "host": "Slider", "name": "_stallDisabledChange", "url": "Slider.html#method__stallDisabledChange", "type": "method"}, {"access": "", "host": "Slider", "name": "sync", "url": "Slider.html#event_sync", "type": "event"}, {"access": "", "host": "Slider", "name": "syncUI", "url": "Slider.html#method_syncUI", "type": "method"}, {"access": "", "host": "Slider", "name": "thumb", "url": "Slider.html#config_thumb", "type": "config"}, {"access": "", "host": "Slider", "name": "thumbChange", "url": "Slider.html#event_thumbChange", "type": "event"}, {"access": "", "host": "Slider", "name": "thumbDrag", "url": "Slider.html#event_thumbDrag", "type": "event"}, {"access": "", "host": "Slider", "name": "thumbImage", "url": "Slider.html#config_thumbImage", "type": "config"}, {"access": "", "host": "Slider", "name": "thumbImageChange", "url": "Slider.html#event_thumbImageChange", "type": "event"}, {"access": "protected", "host": "Slider", "name": "_thumbOffset", "url": "Slider.html#property__thumbOffset", "type": "property"}, {"access": "protected", "host": "Slider", "name": "_thumbSize", "url": "Slider.html#property__thumbSize", "type": "property"}, {"access": "protected", "host": "Slider", "name": "_uiPositionThumb", "url": "Slider.html#method__uiPositionThumb", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_uiSetRailSize", "url": "Slider.html#method__uiSetRailSize", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_uiSetThumbSize", "url": "Slider.html#method__uiSetThumbSize", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewAxis", "url": "Slider.html#method__validateNewAxis", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewMax", "url": "Slider.html#method__validateNewMax", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewMin", "url": "Slider.html#method__validateNewMin", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewRail", "url": "Slider.html#method__validateNewRail", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewRailSize", "url": "Slider.html#method__validateNewRailSize", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewThumb", "url": "Slider.html#method__validateNewThumb", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewThumbImage", "url": "Slider.html#method__validateNewThumbImage", "type": "method"}, {"access": "protected", "host": "Slider", "name": "_validateNewValue", "url": "Slider.html#method__validateNewValue", "type": "method"}, {"access": "", "host": "Slider", "name": "value", "url": "Slider.html#config_value", "type": "config"}, {"access": "", "host": "Slider", "name": "valueChange", "url": "Slider.html#event_valueChange", "type": "event"}];
</script>
</body>
</html>