<!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: node-focusmanager plugin.NodeFocusManager (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>node-focusmanager <span class="subtitle">3.0.0</span></h3>
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
> <a href="./module_node-focusmanager.html" title="node-focusmanager">node-focusmanager</a>
> plugin.NodeFocusManager
<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">plugin.NodeFocusManager</b>
<span class="extends">
</span>
</h2>
<!-- class tree goes here -->
<div class="summary description" property="yui:description">
The NodeFocusManager class is a plugin for a Node instance. The class is used
via the <a href="Node.html#method_plug"><code>plug</code></a> method of Node
and should not be instantiated directly.
</div>
<div rel="yui:properties" resource="#properties">
</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__afterActiveDescendantChange">
<h4>
<a name="method__afterActiveDescendantChange">_afterActiveDescendantChange</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_afterActiveDescendantChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
afterChange event handler for the
"activeDescendant" 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">Object</span>>
</code>
<span property="yui:description"> Object representing the change event.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__attachKeyHandler">
<h4>
<a name="method__attachKeyHandler">_attachKeyHandler</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_attachKeyHandler</strong>
(
)
</code>
<div class="description" property="yui:description">
Attaches the "key" event handlers used to support the "keys"
attribute.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__detachEventHandlers">
<h4>
<a name="method__detachEventHandlers">_detachEventHandlers</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_detachEventHandlers</strong>
(
)
</code>
<div class="description" property="yui:description">
Detaches all event handlers used by the Focus Manager.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__detachKeyHandler">
<h4>
<a name="method__detachKeyHandler">_detachKeyHandler</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_detachKeyHandler</strong>
(
)
</code>
<div class="description" property="yui:description">
Detaches the "key" event handlers used to support the "keys"
attribute.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__focusNext">
<h4>
<a name="method__focusNext">_focusNext</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_focusNext</strong>
(
event
,
activeDescendant
)
</code>
<div class="description" property="yui:description">
Keydown event handler that moves focus to the next
enabled descendant.
</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">Object</span>>
</code>
<span property="yui:description"> Object representing the DOM event.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">activeDescendant</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Number representing the index of the
next descendant to be focused</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__focusPrevious">
<h4>
<a name="method__focusPrevious">_focusPrevious</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_focusPrevious</strong>
(
event
,
activeDescendant
)
</code>
<div class="description" property="yui:description">
Keydown event handler that moves focus to the previous
enabled descendant.
</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">Object</span>>
</code>
<span property="yui:description"> Object representing the DOM event.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">activeDescendant</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Number representing the index of the
next descendant to be focused.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__initDescendants">
<h4>
<a name="method__initDescendants">_initDescendants</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_initDescendants</strong>
(
)
</code>
<div class="description" property="yui:description">
Sets the <code>tabIndex</code> attribute of all of the
descendants to -1, except the active descendant, whose
<code>tabIndex</code> attribute is set to 0.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__isDescendant">
<h4>
<a name="method__isDescendant">_isDescendant</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_isDescendant</strong>
(
node
)
</code>
<div class="description" property="yui:description">
Determines if the specified Node instance is a descendant
managed by the Focus Manager.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">node</span>
<<span property="yui:type">Node</span>>
</code>
<span property="yui:description"> Node instance to be checked.</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Boolean indicating if the specified Node instance is a
descendant managed by the Focus Manager.</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__onDocFocus">
<h4>
<a name="method__onDocFocus">_onDocFocus</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_onDocFocus</strong>
(
event
)
</code>
<div class="description" property="yui:description">
"focus" event handler for the owner document of the
Focus Manager's Node.
</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">Object</span>>
</code>
<span property="yui:description"> Object representing the DOM event.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__onDocMouseDown">
<h4>
<a name="method__onDocMouseDown">_onDocMouseDown</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_onDocMouseDown</strong>
(
event
)
</code>
<div class="description" property="yui:description">
"mousedown" event handler for the owner document of the
Focus Manager's Node.
</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">Object</span>>
</code>
<span property="yui:description"> Object representing the DOM event.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__preventScroll">
<h4>
<a name="method__preventScroll">_preventScroll</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_preventScroll</strong>
(
)
</code>
<div class="description" property="yui:description">
Prevents the viewport from scolling when the user presses
the up, down, left, or right key.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__removeFocusClass">
<h4>
<a name="method__removeFocusClass">_removeFocusClass</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_removeFocusClass</strong>
(
)
</code>
<div class="description" property="yui:description">
Removes the class name representing focus (as specified by
the "focusClass" attribute) from the Node instance to which it is
currently applied.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_blur">
<h4>
<a name="method_blur">blur</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">blur</strong>
(
)
</code>
<div class="description" property="yui:description">
Blurs the current active descendant and sets the
<code>focused</code> attribute to false.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_focus">
<h4>
<a name="method_focus">focus</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">focus</strong>
(
index
)
</code>
<div class="description" property="yui:description">
Focuses the active descendant and sets the
<code>focused</code> attribute to true.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Optional. Number representing the index of the
descendant to be set as the active descendant.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
<<span property="yui:type">Node</span>>
</code>
<span property="yui:description"> Optional. Node instance representing the
descendant to be set as the active descendant.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_refresh">
<h4>
<a name="method_refresh">refresh</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">refresh</strong>
(
)
</code>
<div class="description" property="yui:description">
Refreshes the Focus Manager's descendants by re-executing the
CSS selector query specified by the <code>descendants</code> attribute.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_start">
<h4>
<a name="method_start">start</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">start</strong>
(
)
</code>
<div class="description" property="yui:description">
Enables the Focus Manager.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_stop">
<h4>
<a name="method_stop">stop</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">stop</strong>
(
)
</code>
<div class="description" property="yui:description">
Disables the Focus Manager by detaching all event handlers.
</div>
<div class="description">
</div>
</div>
<hr />
</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_activeDescendantChange">
<h4>
<a name="event_activeDescendantChange">activeDescendantChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">activeDescendantChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'activeDescendant' 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_circularChange">
<h4>
<a name="event_circularChange">circularChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">circularChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'circular' 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_descendantsChange">
<h4>
<a name="event_descendantsChange">descendantsChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">descendantsChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'descendants' 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_focusClassChange">
<h4>
<a name="event_focusClassChange">focusClassChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">focusClassChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'focusClass' 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_focusedChange">
<h4>
<a name="event_focusedChange">focusedChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">focusedChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'focused' 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_keysChange">
<h4>
<a name="event_keysChange">keysChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">keysChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'keys' 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>
<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_activeDescendant">
<h4><a name="config_activeDescendant">activeDescendant</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
<p>Node, or index of the Node, representing the descendant that is either
focused or is focusable (<code>tabIndex</code> attribute is set to 0).
The value cannot represent a disabled descendant Node. Use a value of -1
to remove all descendant Nodes from the default tab flow.
If no value is specified, the active descendant will be inferred using
the following criteria:</p>
<ol>
<li>Examining the <code>tabIndex</code> attribute of each descendant and
using the first descendant whose <code>tabIndex</code> attribute is set
to 0</li>
<li>If no default can be inferred then the value is set to either 0 or
the index of the first enabled descendant.</li>
</ol>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_circular">
<h4><a name="config_circular">circular</a>
<code>- <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Boolean indicating if focus should be set to the first/last descendant
when the end or beginning of the descendants has been reached.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_descendants">
<h4><a name="config_descendants">descendants</a>
<code>- <span property="yui:type">Y.NodeList</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
String representing the CSS selector used to define the descendant Nodes
whose focus should be managed.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_focusClass">
<h4><a name="config_focusClass">focusClass</a>
<code>- <span property="yui:type">String|Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
String representing the name of class applied to the focused active
descendant Node. Can also be an object literal used to define both the
class name, and the Node to which the class should be applied. If using
an object literal, the format is:
<code>{ className: "focus", fn: myFunction }</code>. The function
referenced by the <code>fn</code> property in the object literal will be
passed a reference to the currently focused active descendant Node.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_focused">
<h4><a name="config_focused">focused</a>
<code>- <span property="yui:type">boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Boolean indicating that one of the descendants is focused.
</div>
</div>
<div class="default">
Default Value: false
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_keys">
<h4><a name="config_keys">keys</a>
<code>- <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Object literal representing the keys to be used to navigate between the
next/previous descendant. The format for the attribute's value is
<code>{ next: "down:40", previous: "down:38" }</code>. The value for the
"next" and "previous" properties are used to attach
<a href="event/#keylistener"><code>key</code></a> event listeners. See
the <a href="event/#keylistener">Using the key Event</a> section of
the Event documentation for more information on "key" event listeners.
</div>
</div>
<hr />
</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="selected"><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=""><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="plugin.NodeFocusManager.html" title="plugin.NodeFocusManager">plugin.NodeFocusManager</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="node-focusmanager.js.html" title="node-focusmanager.js">node-focusmanager.js</a></li>
</ul>
</div>
<div id="methodsList" class="module">
<h4>Methods</h4>
<ul class="content">
<li class="protected"><a href="#method__afterActiveDescendantChange" title="_afterActiveDescendantChange">_afterActiveDescendantChange</a></li>
<li class="protected"><a href="#method__attachKeyHandler" title="_attachKeyHandler">_attachKeyHandler</a></li>
<li class="protected"><a href="#method__detachEventHandlers" title="_detachEventHandlers">_detachEventHandlers</a></li>
<li class="protected"><a href="#method__detachKeyHandler" title="_detachKeyHandler">_detachKeyHandler</a></li>
<li class="protected"><a href="#method__focusNext" title="_focusNext">_focusNext</a></li>
<li class="protected"><a href="#method__focusPrevious" title="_focusPrevious">_focusPrevious</a></li>
<li class="protected"><a href="#method__initDescendants" title="_initDescendants">_initDescendants</a></li>
<li class="protected"><a href="#method__isDescendant" title="_isDescendant">_isDescendant</a></li>
<li class="protected"><a href="#method__onDocFocus" title="_onDocFocus">_onDocFocus</a></li>
<li class="protected"><a href="#method__onDocMouseDown" title="_onDocMouseDown">_onDocMouseDown</a></li>
<li class="protected"><a href="#method__preventScroll" title="_preventScroll">_preventScroll</a></li>
<li class="protected"><a href="#method__removeFocusClass" title="_removeFocusClass">_removeFocusClass</a></li>
<li class=""><a href="#method_blur" title="blur">blur</a></li>
<li class=""><a href="#method_focus" title="focus">focus</a></li>
<li class=""><a href="#method_refresh" title="refresh">refresh</a></li>
<li class=""><a href="#method_start" title="start">start</a></li>
<li class=""><a href="#method_stop" title="stop">stop</a></li>
</ul>
</div>
<div id="eventsList" class="module">
<h4>Events</h4>
<ul class="content">
<li class=""><a href="#event_activeDescendantChange" title="activeDescendantChange">activeDescendantChange</a></li>
<li class=""><a href="#event_circularChange" title="circularChange">circularChange</a></li>
<li class=""><a href="#event_descendantsChange" title="descendantsChange">descendantsChange</a></li>
<li class=""><a href="#event_focusClassChange" title="focusClassChange">focusClassChange</a></li>
<li class=""><a href="#event_focusedChange" title="focusedChange">focusedChange</a></li>
<li class=""><a href="#event_keysChange" title="keysChange">keysChange</a></li>
</ul>
</div>
<div id="configList" class="module">
<h4>Configuration Attributes</h4>
<ul class="content">
<li class=""><a href="#config_activeDescendant" title="activeDescendant">activeDescendant</a></li>
<li class=""><a href="#config_circular" title="circular">circular</a></li>
<li class=""><a href="#config_descendants" title="descendants">descendants</a></li>
<li class=""><a href="#config_focusClass" title="focusClass">focusClass</a></li>
<li class=""><a href="#config_focused" title="focused">focused</a></li>
<li class=""><a href="#config_keys" title="keys">keys</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": "", "host": "plugin.NodeFocusManager", "name": "activeDescendant", "url": "plugin.NodeFocusManager.html#config_activeDescendant", "type": "config"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "activeDescendantChange", "url": "plugin.NodeFocusManager.html#event_activeDescendantChange", "type": "event"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_afterActiveDescendantChange", "url": "plugin.NodeFocusManager.html#method__afterActiveDescendantChange", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_attachKeyHandler", "url": "plugin.NodeFocusManager.html#method__attachKeyHandler", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "blur", "url": "plugin.NodeFocusManager.html#method_blur", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "circular", "url": "plugin.NodeFocusManager.html#config_circular", "type": "config"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "circularChange", "url": "plugin.NodeFocusManager.html#event_circularChange", "type": "event"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "descendants", "url": "plugin.NodeFocusManager.html#config_descendants", "type": "config"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "descendantsChange", "url": "plugin.NodeFocusManager.html#event_descendantsChange", "type": "event"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_detachEventHandlers", "url": "plugin.NodeFocusManager.html#method__detachEventHandlers", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_detachKeyHandler", "url": "plugin.NodeFocusManager.html#method__detachKeyHandler", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "focus", "url": "plugin.NodeFocusManager.html#method_focus", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "focusClass", "url": "plugin.NodeFocusManager.html#config_focusClass", "type": "config"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "focusClassChange", "url": "plugin.NodeFocusManager.html#event_focusClassChange", "type": "event"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "focused", "url": "plugin.NodeFocusManager.html#config_focused", "type": "config"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "focusedChange", "url": "plugin.NodeFocusManager.html#event_focusedChange", "type": "event"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_focusNext", "url": "plugin.NodeFocusManager.html#method__focusNext", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_focusPrevious", "url": "plugin.NodeFocusManager.html#method__focusPrevious", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_initDescendants", "url": "plugin.NodeFocusManager.html#method__initDescendants", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_isDescendant", "url": "plugin.NodeFocusManager.html#method__isDescendant", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "keys", "url": "plugin.NodeFocusManager.html#config_keys", "type": "config"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "keysChange", "url": "plugin.NodeFocusManager.html#event_keysChange", "type": "event"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_onDocFocus", "url": "plugin.NodeFocusManager.html#method__onDocFocus", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_onDocMouseDown", "url": "plugin.NodeFocusManager.html#method__onDocMouseDown", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_preventScroll", "url": "plugin.NodeFocusManager.html#method__preventScroll", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "refresh", "url": "plugin.NodeFocusManager.html#method_refresh", "type": "method"}, {"access": "protected", "host": "plugin.NodeFocusManager", "name": "_removeFocusClass", "url": "plugin.NodeFocusManager.html#method__removeFocusClass", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "start", "url": "plugin.NodeFocusManager.html#method_start", "type": "method"}, {"access": "", "host": "plugin.NodeFocusManager", "name": "stop", "url": "plugin.NodeFocusManager.html#method_stop", "type": "method"}];
</script>
</body>
</html>