3606 lines
285 KiB
HTML
3606 lines
285 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>API: menu menu.js (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">
|
|
</head>
|
|
|
|
<body id="yahoo-com">
|
|
<div id="doc3" class="yui-t2">
|
|
|
|
<div id="hd">
|
|
<h1>Yahoo! UI Library</h1>
|
|
<h3>Menu Library </h3>
|
|
<p>
|
|
<a href="./index.html">Yahoo! UI Library</a>
|
|
> <a href="./module_menu.html">menu</a>
|
|
|
|
> menu.js (source view)
|
|
</p>
|
|
</div>
|
|
|
|
<div id="bd">
|
|
<div id="yui-main">
|
|
<div class="yui-b">
|
|
|
|
<div id="srcout">
|
|
<div class="highlight" ><pre><span class="o">(</span><span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">Dom</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">Event</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">;</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* The Menu class creates a container that holds a vertical list representing </span>
|
|
<span class="c">* a set of options or commands. Menu is the base class for all </span>
|
|
<span class="c">* menu containers. </span>
|
|
<span class="c">* @param {String} p_oElement String specifying the id attribute of the </span>
|
|
<span class="c">* <code>&#60;div&#62;</code> element of the menu.</span>
|
|
<span class="c">* @param {String} p_oElement String specifying the id attribute of the </span>
|
|
<span class="c">* <code>&#60;select&#62;</code> element to be used as the data source </span>
|
|
<span class="c">* for the menu.</span>
|
|
<span class="c">* @param {<a href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/</span>
|
|
<span class="c">* level-one-html.html#ID-22445964">HTMLDivElement</a>} p_oElement Object </span>
|
|
<span class="c">* specifying the <code>&#60;div&#62;</code> element of the menu.</span>
|
|
<span class="c">* @param {<a href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/</span>
|
|
<span class="c">* level-one-html.html#ID-94282980">HTMLSelectElement</a>} p_oElement </span>
|
|
<span class="c">* Object specifying the <code>&#60;select&#62;</code> element to be used as </span>
|
|
<span class="c">* the data source for the menu.</span>
|
|
<span class="c">* @param {Object} p_oConfig Optional. Object literal specifying the </span>
|
|
<span class="c">* configuration for the menu. See configuration class documentation for </span>
|
|
<span class="c">* more details.</span>
|
|
<span class="c">* @namespace YAHOO.widget</span>
|
|
<span class="c">* @class Menu</span>
|
|
<span class="c">* @constructor</span>
|
|
<span class="c">* @extends YAHOO.widget.Overlay</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oElement</span><span class="o">,</span> <span class="nx">p_oConfig</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">p_oConfig</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">parent</span> <span class="o">=</span> <span class="nx">p_oConfig</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">lazyLoad</span> <span class="o">=</span> <span class="nx">p_oConfig</span><span class="o">.</span><span class="nx">lazyLoad</span> <span class="o">||</span> <span class="nx">p_oConfig</span><span class="o">.</span><span class="nx">lazyload</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemData</span> <span class="o">=</span> <span class="nx">p_oConfig</span><span class="o">.</span><span class="nx">itemData</span> <span class="o">||</span> <span class="nx">p_oConfig</span><span class="o">.</span><span class="nx">itemdata</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">constructor</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">p_oElement</span><span class="o">,</span>
|
|
<span class="nx">p_oConfig</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">extend</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">,</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Overlay</span><span class="o">,</span> <span class="o">{</span>
|
|
|
|
|
|
|
|
<span class="c">// Constants</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property CSS_CLASS_NAME</span>
|
|
<span class="c">* @description String representing the CSS class(es) to be applied to the </span>
|
|
<span class="c">* menu's <code>&#60;div&#62;</code> element.</span>
|
|
<span class="c">* @default "yuimenu"</span>
|
|
<span class="c">* @final</span>
|
|
<span class="c">* @type String</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">CSS_CLASS_NAME</span><span class="o">:</span> <span class="s2">"yuimenu"</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property ITEM_TYPE</span>
|
|
<span class="c">* @description Object representing the type of menu item to instantiate and </span>
|
|
<span class="c">* add when parsing the child nodes (either <code>&#60;li&#62;</code> element, </span>
|
|
<span class="c">* <code>&#60;optgroup&#62;</code> element or <code>&#60;option&#62;</code>) </span>
|
|
<span class="c">* of the menu's source HTML element.</span>
|
|
<span class="c">* @default YAHOO.widget.MenuItem</span>
|
|
<span class="c">* @final</span>
|
|
<span class="c">* @type YAHOO.widget.MenuItem</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">ITEM_TYPE</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property GROUP_TITLE_TAG_NAME</span>
|
|
<span class="c">* @description String representing the tagname of the HTML element used to </span>
|
|
<span class="c">* title the menu's item groups.</span>
|
|
<span class="c">* @default H6</span>
|
|
<span class="c">* @final</span>
|
|
<span class="c">* @type String</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">GROUP_TITLE_TAG_NAME</span><span class="o">:</span> <span class="s2">"h6"</span><span class="o">,</span>
|
|
|
|
|
|
|
|
<span class="c">// Private properties</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/** </span>
|
|
<span class="c">* @property _nHideDelayId</span>
|
|
<span class="c">* @description Number representing the time-out setting used to cancel the </span>
|
|
<span class="c">* hiding of a menu.</span>
|
|
<span class="c">* @default null</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Number</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_nHideDelayId</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/** </span>
|
|
<span class="c">* @property _nShowDelayId</span>
|
|
<span class="c">* @description Number representing the time-out setting used to cancel the </span>
|
|
<span class="c">* showing of a menu.</span>
|
|
<span class="c">* @default null</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Number</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_nShowDelayId</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/** </span>
|
|
<span class="c">* @property _hideDelayEventHandlersAssigned</span>
|
|
<span class="c">* @description Boolean indicating if the "mouseover" and "mouseout" event </span>
|
|
<span class="c">* handlers used for hiding the menu via a call to "window.setTimeout" have </span>
|
|
<span class="c">* already been assigned.</span>
|
|
<span class="c">* @default false</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Boolean</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_hideDelayEventHandlersAssigned</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property _bHandledMouseOverEvent</span>
|
|
<span class="c">* @description Boolean indicating the current state of the menu's </span>
|
|
<span class="c">* "mouseover" event.</span>
|
|
<span class="c">* @default false</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Boolean</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_bHandledMouseOverEvent</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property _bHandledMouseOutEvent</span>
|
|
<span class="c">* @description Boolean indicating the current state of the menu's</span>
|
|
<span class="c">* "mouseout" event.</span>
|
|
<span class="c">* @default false</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Boolean</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_bHandledMouseOutEvent</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property _aGroupTitleElements</span>
|
|
<span class="c">* @description Array of HTML element used to title groups of menu items.</span>
|
|
<span class="c">* @default []</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Array</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_aGroupTitleElements</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property _aItemGroups</span>
|
|
<span class="c">* @description Array of menu items.</span>
|
|
<span class="c">* @default []</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Array</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_aItemGroups</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property _aListElements</span>
|
|
<span class="c">* @description Array of <code>&#60;ul&#62;</code> elements, each of which is </span>
|
|
<span class="c">* the parent node for each item's <code>&#60;li&#62;</code> element.</span>
|
|
<span class="c">* @default []</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @type Array</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_aListElements</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
|
|
<span class="c">// Public properties</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property lazyLoad</span>
|
|
<span class="c">* @description Boolean indicating if the menu's "lazy load" feature is </span>
|
|
<span class="c">* enabled. If set to "true," initialization and rendering of the menu's </span>
|
|
<span class="c">* items will be deferred until the first time it is made visible. This </span>
|
|
<span class="c">* property should be set via the constructor using the configuration </span>
|
|
<span class="c">* object literal.</span>
|
|
<span class="c">* @default false</span>
|
|
<span class="c">* @type Boolean</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">lazyLoad</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property itemData</span>
|
|
<span class="c">* @description Array of items to be added to the menu. The array can contain </span>
|
|
<span class="c">* strings representing the text for each item to be created, object literals </span>
|
|
<span class="c">* representing the menu item configuration properties, or MenuItem instances. </span>
|
|
<span class="c">* This property should be set via the constructor using the configuration </span>
|
|
<span class="c">* object literal.</span>
|
|
<span class="c">* @default null</span>
|
|
<span class="c">* @type Array</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">itemData</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property activeItem</span>
|
|
<span class="c">* @description Object reference to the item in the menu that has focus.</span>
|
|
<span class="c">* @default null</span>
|
|
<span class="c">* @type YAHOO.widget.MenuItem</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">activeItem</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property parent</span>
|
|
<span class="c">* @description Object reference to the menu's parent menu or menu item. </span>
|
|
<span class="c">* This property can be set via the constructor using the configuration </span>
|
|
<span class="c">* object literal.</span>
|
|
<span class="c">* @default null</span>
|
|
<span class="c">* @type YAHOO.widget.MenuItem</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">parent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @property srcElement</span>
|
|
<span class="c">* @description Object reference to the HTML element (either </span>
|
|
<span class="c">* <code>&#60;select&#62;</code> or <code>&#60;div&#62;</code>) used to </span>
|
|
<span class="c">* create the menu.</span>
|
|
<span class="c">* @default null</span>
|
|
<span class="c">* @type <a href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/</span>
|
|
<span class="c">* level-one-html.html#ID-94282980">HTMLSelectElement</a>|<a </span>
|
|
<span class="c">* href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/level-one-html.</span>
|
|
<span class="c">* html#ID-22445964">HTMLDivElement</a></span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">srcElement</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
|
|
<span class="c">// Events</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event mouseOverEvent</span>
|
|
<span class="c">* @description Fires when the mouse has entered the menu. Passes back </span>
|
|
<span class="c">* the DOM Event object as an argument.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">mouseOverEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event mouseOutEvent</span>
|
|
<span class="c">* @description Fires when the mouse has left the menu. Passes back the DOM </span>
|
|
<span class="c">* Event object as an argument.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">mouseOutEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event mouseDownEvent</span>
|
|
<span class="c">* @description Fires when the user mouses down on the menu. Passes back the </span>
|
|
<span class="c">* DOM Event object as an argument.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">mouseDownEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event mouseUpEvent</span>
|
|
<span class="c">* @description Fires when the user releases a mouse button while the mouse is </span>
|
|
<span class="c">* over the menu. Passes back the DOM Event object as an argument.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">mouseUpEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event clickEvent</span>
|
|
<span class="c">* @description Fires when the user clicks the on the menu. Passes back the </span>
|
|
<span class="c">* DOM Event object as an argument.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">clickEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event keyPressEvent</span>
|
|
<span class="c">* @description Fires when the user presses an alphanumeric key when one of the</span>
|
|
<span class="c">* menu's items has focus. Passes back the DOM Event object as an argument.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">keyPressEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event keyDownEvent</span>
|
|
<span class="c">* @description Fires when the user presses a key when one of the menu's items </span>
|
|
<span class="c">* has focus. Passes back the DOM Event object as an argument.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">keyDownEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event keyUpEvent</span>
|
|
<span class="c">* @description Fires when the user releases a key when one of the menu's items </span>
|
|
<span class="c">* has focus. Passes back the DOM Event object as an argument.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">keyUpEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event itemAddedEvent</span>
|
|
<span class="c">* @description Fires when an item is added to the menu.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">itemAddedEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @event itemRemovedEvent</span>
|
|
<span class="c">* @description Fires when an item is removed to the menu.</span>
|
|
<span class="c">* @type YAHOO.util.CustomEvent</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">itemRemovedEvent</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method init</span>
|
|
<span class="c">* @description The Menu class's initialization method. This method is </span>
|
|
<span class="c">* automatically called by the constructor, and sets up all DOM references </span>
|
|
<span class="c">* for pre-existing markup, and creates required markup if it is not </span>
|
|
<span class="c">* already present.</span>
|
|
<span class="c">* @param {String} p_oElement String specifying the id attribute of the </span>
|
|
<span class="c">* <code>&#60;div&#62;</code> element of the menu.</span>
|
|
<span class="c">* @param {String} p_oElement String specifying the id attribute of the </span>
|
|
<span class="c">* <code>&#60;select&#62;</code> element to be used as the data source </span>
|
|
<span class="c">* for the menu.</span>
|
|
<span class="c">* @param {<a href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/</span>
|
|
<span class="c">* level-one-html.html#ID-22445964">HTMLDivElement</a>} p_oElement Object </span>
|
|
<span class="c">* specifying the <code>&#60;div&#62;</code> element of the menu.</span>
|
|
<span class="c">* @param {<a href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/</span>
|
|
<span class="c">* level-one-html.html#ID-94282980">HTMLSelectElement</a>} p_oElement </span>
|
|
<span class="c">* Object specifying the <code>&#60;select&#62;</code> element to be used as </span>
|
|
<span class="c">* the data source for the menu.</span>
|
|
<span class="c">* @param {Object} p_oConfig Optional. Object literal specifying the </span>
|
|
<span class="c">* configuration for the menu. See configuration class documentation for </span>
|
|
<span class="c">* more details.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">init</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oElement</span><span class="o">,</span> <span class="nx">p_oConfig</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span> <span class="o">=</span> <span class="o">[];</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">MenuItem</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">oElement</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_oElement</span> <span class="o">==</span> <span class="s2">"string"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oElement</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">getElementById</span><span class="o">(</span><span class="nx">p_oElement</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">p_oElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oElement</span> <span class="o">=</span> <span class="nx">p_oElement</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oElement</span> <span class="o">&&</span> <span class="nx">oElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">oElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">())</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"DIV"</span><span class="o">:</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span> <span class="o">=</span> <span class="nx">oElement</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">oElement</span><span class="o">.</span><span class="nx">id</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oElement</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"id"</span><span class="o">,</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">());</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="c">/* </span>
|
|
<span class="c"> Note: we don't pass the user config in here yet </span>
|
|
<span class="c"> because we only want it executed once, at the lowest </span>
|
|
<span class="c"> subclass level.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">init</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">oElement</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeInitEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">LogWriter</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Source element: "</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"SELECT"</span><span class="o">:</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span> <span class="o">=</span> <span class="nx">oElement</span><span class="o">;</span>
|
|
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> The source element is not something that we can use </span>
|
|
<span class="c"> outright, so we need to create a new Overlay</span>
|
|
<span class="c"></span>
|
|
<span class="c"> Note: we don't pass the user config in here yet </span>
|
|
<span class="c"> because we only want it executed once, at the lowest </span>
|
|
<span class="c"> subclass level.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">init</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">());</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeInitEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">LogWriter</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Source element: "</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="c">/* </span>
|
|
<span class="c"> Note: we don't pass the user config in here yet </span>
|
|
<span class="c"> because we only want it executed once, at the lowest </span>
|
|
<span class="c"> subclass level.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">init</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">p_oElement</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeInitEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">LogWriter</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"No source element found. "</span> <span class="o">+</span>
|
|
<span class="s2">"Created element with id: "</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">id</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oEl</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">;</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">oEl</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">CSS_CLASS_NAME</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">// Subscribe to Custom Events</span>
|
|
<span class="c"></span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">initEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onInit</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeRenderEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onBeforeRender</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">renderEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onRender</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeShowEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onBeforeShow</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">showEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onShow</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeHideEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onBeforeHide</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseOverEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onMouseOver</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseOutEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onMouseOut</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">clickEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onClick</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">keyDownEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onKeyDown</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">p_oConfig</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">applyConfig</span><span class="o">(</span><span class="nx">p_oConfig</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="c">// Register the Menu instance with the MenuManager</span>
|
|
<span class="c"></span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">MenuManager</span><span class="o">.</span><span class="nx">addMenu</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">initEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
|
|
<span class="c">// Private methods</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _initSubTree</span>
|
|
<span class="c">* @description Iterates the childNodes of the source element to find nodes </span>
|
|
<span class="c">* used to instantiate menu and menu items.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_initSubTree</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oNode</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">tagName</span> <span class="o">==</span> <span class="s2">"DIV"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Populate the collection of item groups and item</span>
|
|
<span class="c"> group titles</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">oNode</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">body</span><span class="o">.</span><span class="nx">firstChild</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nGroup</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">sGroupTitleTagName</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">GROUP_TITLE_TAG_NAME</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">();</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oNode</span> <span class="o">&&</span> <span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">())</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="nx">sGroupTitleTagName</span><span class="o">:</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">[</span><span class="nx">nGroup</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oNode</span><span class="o">;</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"UL"</span><span class="o">:</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">nGroup</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oNode</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">nGroup</span><span class="o">]</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="nx">nGroup</span><span class="o">++;</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">((</span><span class="nx">oNode</span> <span class="o">=</span> <span class="nx">oNode</span><span class="o">.</span><span class="nx">nextSibling</span><span class="o">));</span>
|
|
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Apply the "first-of-type" class to the first UL to mimic </span>
|
|
<span class="c"> the "first-of-type" CSS3 psuedo class.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="m">0</span><span class="o">])</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="m">0</span><span class="o">],</span> <span class="s2">"first-of-type"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">oNode</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Searching DOM for items to initialize."</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">())</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"DIV"</span><span class="o">:</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Found "</span> <span class="o">+</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">.</span><span class="nx">length</span> <span class="o">+</span>
|
|
<span class="s2">" item groups to initialize."</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">.</span><span class="nx">length</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oNode</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">firstChild</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Scanning "</span> <span class="o">+</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">childNodes</span><span class="o">.</span><span class="nx">length</span> <span class="o">+</span>
|
|
<span class="s2">" child nodes for items to initialize."</span><span class="o">);</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oNode</span> <span class="o">&&</span> <span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">())</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"LI"</span><span class="o">:</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Initializing "</span> <span class="o">+</span>
|
|
<span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span> <span class="o">+</span> <span class="s2">" node."</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addItem</span><span class="o">(</span>
|
|
<span class="k">new</span> <span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span><span class="o">(</span>
|
|
<span class="nx">oNode</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">parent</span><span class="o">:</span> <span class="k">this</span> <span class="o">}</span>
|
|
<span class="o">),</span>
|
|
<span class="nx">i</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">((</span><span class="nx">oNode</span> <span class="o">=</span> <span class="nx">oNode</span><span class="o">.</span><span class="nx">nextSibling</span><span class="o">));</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">i</span><span class="o">--);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"SELECT"</span><span class="o">:</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Scanning "</span> <span class="o">+</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">.</span><span class="nx">length</span> <span class="o">+</span>
|
|
<span class="s2">" child nodes for items to initialize."</span><span class="o">);</span>
|
|
|
|
<span class="nx">oNode</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">firstChild</span><span class="o">;</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oNode</span> <span class="o">&&</span> <span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">())</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"OPTGROUP"</span><span class="o">:</span>
|
|
<span class="nx">case</span> <span class="s2">"OPTION"</span><span class="o">:</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Initializing "</span> <span class="o">+</span>
|
|
<span class="nx">oNode</span><span class="o">.</span><span class="nx">tagName</span> <span class="o">+</span> <span class="s2">" node."</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addItem</span><span class="o">(</span>
|
|
<span class="k">new</span> <span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span><span class="o">(</span>
|
|
<span class="nx">oNode</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">parent</span><span class="o">:</span> <span class="k">this</span> <span class="o">}</span>
|
|
<span class="o">)</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">((</span><span class="nx">oNode</span> <span class="o">=</span> <span class="nx">oNode</span><span class="o">.</span><span class="nx">nextSibling</span><span class="o">));</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _getFirstEnabledItem</span>
|
|
<span class="c">* @description Returns the first enabled item in the menu.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_getFirstEnabledItem</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nGroups</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">aItemGroup</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span><span class="o">=</span><span class="m">0</span><span class="o">;</span> <span class="nx">i</span><span class="o"><</span><span class="nx">nGroups</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">aItemGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aItemGroup</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nItems</span> <span class="o">=</span> <span class="nx">aItemGroup</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">n</span><span class="o">=</span><span class="m">0</span><span class="o">;</span> <span class="nx">n</span><span class="o"><</span><span class="nx">nItems</span><span class="o">;</span> <span class="nx">n</span><span class="o">++)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="nx">aItemGroup</span><span class="o">[</span><span class="nx">n</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">!</span><span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"disabled"</span><span class="o">)</span> <span class="o">&&</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">!=</span> <span class="s2">"none"</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _checkPosition</span>
|
|
<span class="c">* @description Checks to make sure that the value of the "position" property </span>
|
|
<span class="c">* is one of the supported strings. Returns true if the position is supported.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {Object} p_sPosition String specifying the position of the menu.</span>
|
|
<span class="c">* @return {Boolean}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_checkPosition</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sPosition</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_sPosition</span> <span class="o">==</span> <span class="s2">"string"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sPosition</span> <span class="o">=</span> <span class="nx">p_sPosition</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
|
|
<span class="k">return</span> <span class="o">(</span><span class="s2">"dynamic,static"</span><span class="o">.</span><span class="nx">indexOf</span><span class="o">(</span><span class="nx">sPosition</span><span class="o">)</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _addItemToGroup</span>
|
|
<span class="c">* @description Adds a menu item to a group.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Number indicating the group to which the </span>
|
|
<span class="c">* item belongs.</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object reference for the MenuItem </span>
|
|
<span class="c">* instance to be added to the menu.</span>
|
|
<span class="c">* @param {String} p_oItem String specifying the text of the item to be added </span>
|
|
<span class="c">* to the menu.</span>
|
|
<span class="c">* @param {Object} p_oItem Object literal containing a set of menu item </span>
|
|
<span class="c">* configuration properties.</span>
|
|
<span class="c">* @param {Number} p_nItemIndex Optional. Number indicating the index at </span>
|
|
<span class="c">* which the menu item should be added.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_addItemToGroup</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">,</span> <span class="nx">p_nItemIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">p_oItem</span> <span class="k">instanceof</span> <span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="nx">p_oItem</span><span class="o">;</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">parent</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_oItem</span> <span class="o">==</span> <span class="s2">"string"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="k">new</span> <span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">,</span> <span class="o">{</span> <span class="nx">parent</span><span class="o">:</span> <span class="k">this</span> <span class="o">});</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_oItem</span> <span class="o">==</span> <span class="s2">"object"</span> <span class="o">&&</span> <span class="nx">p_oItem</span><span class="o">.</span><span class="nx">text</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sText</span> <span class="o">=</span> <span class="nx">p_oItem</span><span class="o">.</span><span class="nx">text</span><span class="o">;</span>
|
|
|
|
<span class="nx">delete</span> <span class="nx">p_oItem</span><span class="o">[</span><span class="s2">"text"</span><span class="o">];</span>
|
|
|
|
<span class="nx">p_oItem</span><span class="o">.</span><span class="nx">parent</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="k">new</span> <span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span><span class="o">(</span><span class="nx">sText</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nGroupIndex</span> <span class="o">=</span> <span class="k">typeof</span> <span class="nx">p_nGroupIndex</span> <span class="o">==</span> <span class="s2">"number"</span> <span class="o">?</span> <span class="nx">p_nGroupIndex</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">aGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getItemGroup</span><span class="o">(</span><span class="nx">nGroupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oGroupItem</span><span class="o">;</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">aGroup</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">aGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_createItemGroup</span><span class="o">(</span><span class="nx">nGroupIndex</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_nItemIndex</span> <span class="o">==</span> <span class="s2">"number"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">bAppend</span> <span class="o">=</span> <span class="o">(</span><span class="nx">p_nItemIndex</span> <span class="o">>=</span> <span class="nx">aGroup</span><span class="o">.</span><span class="nx">length</span><span class="o">);</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aGroup</span><span class="o">[</span><span class="nx">p_nItemIndex</span><span class="o">])</span> <span class="o">{</span>
|
|
|
|
<span class="nx">aGroup</span><span class="o">.</span><span class="nx">splice</span><span class="o">(</span><span class="nx">p_nItemIndex</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="nx">oItem</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">aGroup</span><span class="o">[</span><span class="nx">p_nItemIndex</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">oGroupItem</span> <span class="o">=</span> <span class="nx">aGroup</span><span class="o">[</span><span class="nx">p_nItemIndex</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">bAppend</span> <span class="o">&&</span>
|
|
<span class="o">(</span>
|
|
<span class="o">!</span><span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">parentNode</span> <span class="o">||</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">.</span><span class="nx">nodeType</span> <span class="o">==</span> <span class="m">11</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">nGroupIndex</span><span class="o">].</span><span class="nx">appendChild</span><span class="o">(</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Returns the next sibling of an item in an array.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> * @param {p_aArray} Array to search.</span>
|
|
<span class="c"> * @param {p_nStartIndex} Number indicating the index to </span>
|
|
<span class="c"> * start searching the array.</span>
|
|
<span class="c"> * @return {Object}</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">getNextItemSibling</span> <span class="o">=</span>
|
|
|
|
<span class="k">function</span><span class="o">(</span><span class="nx">p_aArray</span><span class="o">,</span> <span class="nx">p_nStartIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="o">(</span>
|
|
<span class="nx">p_aArray</span><span class="o">[</span><span class="nx">p_nStartIndex</span><span class="o">]</span> <span class="o">||</span>
|
|
<span class="nx">getNextItemSibling</span><span class="o">(</span>
|
|
<span class="nx">p_aArray</span><span class="o">,</span>
|
|
<span class="o">(</span><span class="nx">p_nStartIndex</span><span class="o">+</span><span class="m">1</span><span class="o">)</span>
|
|
<span class="o">)</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">oNextItemSibling</span> <span class="o">=</span>
|
|
<span class="nx">getNextItemSibling</span><span class="o">(</span><span class="nx">aGroup</span><span class="o">,</span> <span class="o">(</span><span class="nx">p_nItemIndex</span><span class="o">+</span><span class="m">1</span><span class="o">));</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oNextItemSibling</span> <span class="o">&&</span>
|
|
<span class="o">(</span>
|
|
<span class="o">!</span><span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">parentNode</span> <span class="o">||</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">.</span><span class="nx">nodeType</span> <span class="o">==</span> <span class="m">11</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">nGroupIndex</span><span class="o">].</span><span class="nx">insertBefore</span><span class="o">(</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span>
|
|
<span class="nx">oNextItemSibling</span><span class="o">.</span><span class="nx">element</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">parent</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_subscribeToItemEvents</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_configureSubmenu</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_updateItemProperties</span><span class="o">(</span><span class="nx">nGroupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item inserted."</span> <span class="o">+</span>
|
|
<span class="s2">" Text: "</span> <span class="o">+</span> <span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"text"</span><span class="o">)</span> <span class="o">+</span> <span class="s2">", "</span> <span class="o">+</span>
|
|
<span class="s2">" Index: "</span> <span class="o">+</span> <span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">index</span> <span class="o">+</span> <span class="s2">", "</span> <span class="o">+</span>
|
|
<span class="s2">" Group Index: "</span> <span class="o">+</span> <span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">groupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemAddedEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="nx">oGroupItem</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nItemIndex</span> <span class="o">=</span> <span class="nx">aGroup</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
|
|
<span class="nx">aGroup</span><span class="o">[</span><span class="nx">nItemIndex</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="nx">oGroupItem</span> <span class="o">=</span> <span class="nx">aGroup</span><span class="o">[</span><span class="nx">nItemIndex</span><span class="o">];</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">nGroupIndex</span><span class="o">],</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">nGroupIndex</span><span class="o">].</span><span class="nx">appendChild</span><span class="o">(</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"groupindex"</span><span class="o">,</span> <span class="nx">nGroupIndex</span><span class="o">);</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"index"</span><span class="o">,</span> <span class="nx">nItemIndex</span><span class="o">);</span>
|
|
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">parent</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">index</span> <span class="o">=</span> <span class="nx">nItemIndex</span><span class="o">;</span>
|
|
<span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">groupIndex</span> <span class="o">=</span> <span class="nx">nGroupIndex</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_subscribeToItemEvents</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_configureSubmenu</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nItemIndex</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"first-of-type"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item added."</span> <span class="o">+</span>
|
|
<span class="s2">" Text: "</span> <span class="o">+</span> <span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"text"</span><span class="o">)</span> <span class="o">+</span> <span class="s2">", "</span> <span class="o">+</span>
|
|
<span class="s2">" Index: "</span> <span class="o">+</span> <span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">index</span> <span class="o">+</span> <span class="s2">", "</span> <span class="o">+</span>
|
|
<span class="s2">" Group Index: "</span> <span class="o">+</span> <span class="nx">oGroupItem</span><span class="o">.</span><span class="nx">groupIndex</span><span class="o">);</span>
|
|
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemAddedEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oGroupItem</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="nx">oGroupItem</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _removeItemFromGroupByIndex</span>
|
|
<span class="c">* @description Removes a menu item from a group by index. Returns the menu </span>
|
|
<span class="c">* item that was removed.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Number indicating the group to which the menu </span>
|
|
<span class="c">* item belongs.</span>
|
|
<span class="c">* @param {Number} p_nItemIndex Number indicating the index of the menu item </span>
|
|
<span class="c">* to be removed.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_removeItemFromGroupByIndex</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">p_nItemIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nGroupIndex</span> <span class="o">=</span> <span class="k">typeof</span> <span class="nx">p_nGroupIndex</span> <span class="o">==</span> <span class="s2">"number"</span> <span class="o">?</span> <span class="nx">p_nGroupIndex</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">aGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getItemGroup</span><span class="o">(</span><span class="nx">nGroupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aGroup</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">aArray</span> <span class="o">=</span> <span class="nx">aGroup</span><span class="o">.</span><span class="nx">splice</span><span class="o">(</span><span class="nx">p_nItemIndex</span><span class="o">,</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="nx">aArray</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">// Update the index and className properties of each member </span>
|
|
<span class="c"></span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_updateItemProperties</span><span class="o">(</span><span class="nx">nGroupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aGroup</span><span class="o">.</span><span class="nx">length</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">// Remove the UL</span>
|
|
<span class="c"></span>
|
|
<span class="k">var</span> <span class="nx">oUL</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">nGroupIndex</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">body</span> <span class="o">&&</span> <span class="nx">oUL</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">body</span><span class="o">.</span><span class="nx">removeChild</span><span class="o">(</span><span class="nx">oUL</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Remove the group from the array of items</span>
|
|
<span class="c"></span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">.</span><span class="nx">splice</span><span class="o">(</span><span class="nx">nGroupIndex</span><span class="o">,</span> <span class="m">1</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">// Remove the UL from the array of ULs</span>
|
|
<span class="c"></span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">.</span><span class="nx">splice</span><span class="o">(</span><span class="nx">nGroupIndex</span><span class="o">,</span> <span class="m">1</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Assign the "first-of-type" class to the new first UL </span>
|
|
<span class="c"> in the collection</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">oUL</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oUL</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">oUL</span><span class="o">,</span> <span class="s2">"first-of-type"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemRemovedEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oItem</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">// Return a reference to the item that was removed</span>
|
|
<span class="c"></span>
|
|
<span class="k">return</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _removeItemFromGroupByValue</span>
|
|
<span class="c">* @description Removes a menu item from a group by reference. Returns the </span>
|
|
<span class="c">* menu item that was removed.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Number indicating the group to which the</span>
|
|
<span class="c">* menu item belongs.</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object reference for the MenuItem </span>
|
|
<span class="c">* instance to be removed.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_removeItemFromGroupByValue</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">aGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getItemGroup</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aGroup</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nItems</span> <span class="o">=</span> <span class="nx">aGroup</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">nItemIndex</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nItems</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">nItems</span><span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aGroup</span><span class="o">[</span><span class="nx">i</span><span class="o">]</span> <span class="o">==</span> <span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">nItemIndex</span> <span class="o">=</span> <span class="nx">i</span><span class="o">;</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">i</span><span class="o">--);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nItemIndex</span> <span class="o">></span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_removeItemFromGroupByIndex</span><span class="o">(</span>
|
|
<span class="nx">p_nGroupIndex</span><span class="o">,</span>
|
|
<span class="nx">nItemIndex</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _updateItemProperties</span>
|
|
<span class="c">* @description Updates the "index," "groupindex," and "className" properties </span>
|
|
<span class="c">* of the menu items in the specified group. </span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Number indicating the group of items to update.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_updateItemProperties</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">aGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getItemGroup</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">nItems</span> <span class="o">=</span> <span class="nx">aGroup</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nItems</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">nItems</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oLI</span><span class="o">;</span>
|
|
|
|
<span class="c">// Update the index and className properties of each member</span>
|
|
<span class="c"></span>
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="nx">aGroup</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oLI</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">element</span><span class="o">;</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">index</span> <span class="o">=</span> <span class="nx">i</span><span class="o">;</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">groupIndex</span> <span class="o">=</span> <span class="nx">p_nGroupIndex</span><span class="o">;</span>
|
|
|
|
<span class="nx">oLI</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"groupindex"</span><span class="o">,</span> <span class="nx">p_nGroupIndex</span><span class="o">);</span>
|
|
<span class="nx">oLI</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"index"</span><span class="o">,</span> <span class="nx">i</span><span class="o">);</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="nx">oLI</span><span class="o">,</span> <span class="s2">"first-of-type"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">i</span><span class="o">--);</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oLI</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">oLI</span><span class="o">,</span> <span class="s2">"first-of-type"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _createItemGroup</span>
|
|
<span class="c">* @description Creates a new menu item group (array) and its associated </span>
|
|
<span class="c">* <code>&#60;ul&#62;</code> element. Returns an aray of menu item groups.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {Number} p_nIndex Number indicating the group to create.</span>
|
|
<span class="c">* @return {Array}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_createItemGroup</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_nIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">p_nIndex</span><span class="o">])</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">p_nIndex</span><span class="o">]</span> <span class="o">=</span> <span class="o">[];</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oUL</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"ul"</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">p_nIndex</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oUL</span><span class="o">;</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">p_nIndex</span><span class="o">];</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _getItemGroup</span>
|
|
<span class="c">* @description Returns the menu item group at the specified index.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {Number} p_nIndex Number indicating the index of the menu item group </span>
|
|
<span class="c">* to be retrieved.</span>
|
|
<span class="c">* @return {Array}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_getItemGroup</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_nIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nIndex</span> <span class="o">=</span> <span class="o">((</span><span class="k">typeof</span> <span class="nx">p_nIndex</span> <span class="o">==</span> <span class="s2">"number"</span><span class="o">)</span> <span class="o">?</span> <span class="nx">p_nIndex</span> <span class="o">:</span> <span class="m">0</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">nIndex</span><span class="o">];</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _configureSubmenu</span>
|
|
<span class="c">* @description Subscribes the menu item's submenu to its parent menu's events.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object reference for the MenuItem </span>
|
|
<span class="c">* instance with the submenu to be configured.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_configureSubmenu</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">p_oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Listen for configuration changes to the parent menu </span>
|
|
<span class="c"> so they they can be applied to the submenu.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">configChangedEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_onParentMenuConfigChange</span><span class="o">,</span>
|
|
<span class="nx">oSubmenu</span><span class="o">,</span>
|
|
<span class="kc">true</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">renderEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_onParentMenuRender</span><span class="o">,</span>
|
|
<span class="nx">oSubmenu</span><span class="o">,</span>
|
|
<span class="kc">true</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">beforeShowEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_onSubmenuBeforeShow</span><span class="o">,</span>
|
|
<span class="nx">oSubmenu</span><span class="o">,</span>
|
|
<span class="kc">true</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">showEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_onSubmenuShow</span><span class="o">,</span>
|
|
<span class="nx">oSubmenu</span><span class="o">,</span>
|
|
<span class="kc">true</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">hideEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_onSubmenuHide</span><span class="o">,</span>
|
|
<span class="nx">oSubmenu</span><span class="o">,</span>
|
|
<span class="kc">true</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _subscribeToItemEvents</span>
|
|
<span class="c">* @description Subscribes a menu to a menu item's event.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object reference for the MenuItem </span>
|
|
<span class="c">* instance whose events should be subscribed to.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_subscribeToItemEvents</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">p_oItem</span><span class="o">.</span><span class="nx">focusEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onMenuItemFocus</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="nx">p_oItem</span><span class="o">.</span><span class="nx">blurEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_onMenuItemBlur</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="nx">p_oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">configChangedEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_onMenuItemConfigChange</span><span class="o">,</span>
|
|
<span class="nx">p_oItem</span><span class="o">,</span>
|
|
<span class="k">this</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _getOffsetWidth</span>
|
|
<span class="c">* @description Returns the offset width of the menu's </span>
|
|
<span class="c">* <code>&#60;div&#62;</code> element.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_getOffsetWidth</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oClone</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">cloneNode</span><span class="o">(</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="nx">oClone</span><span class="o">,</span> <span class="s2">"width"</span><span class="o">,</span> <span class="s2">""</span><span class="o">);</span>
|
|
|
|
<span class="nb">document</span><span class="o">.</span><span class="nx">body</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">oClone</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sWidth</span> <span class="o">=</span> <span class="nx">oClone</span><span class="o">.</span><span class="nx">offsetWidth</span><span class="o">;</span>
|
|
|
|
<span class="nb">document</span><span class="o">.</span><span class="nx">body</span><span class="o">.</span><span class="nx">removeChild</span><span class="o">(</span><span class="nx">oClone</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="nx">sWidth</span><span class="o">;</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _cancelHideDelay</span>
|
|
<span class="c">* @description Cancels the call to "hideMenu."</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_cancelHideDelay</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oRoot</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getRoot</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oRoot</span><span class="o">.</span><span class="nx">_nHideDelayId</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nb">window</span><span class="o">.</span><span class="nx">clearTimeout</span><span class="o">(</span><span class="nx">oRoot</span><span class="o">.</span><span class="nx">_nHideDelayId</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _execHideDelay</span>
|
|
<span class="c">* @description Hides the menu after the number of milliseconds specified by </span>
|
|
<span class="c">* the "hidedelay" configuration property.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_execHideDelay</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_cancelHideDelay</span><span class="o">();</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oRoot</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getRoot</span><span class="o">();</span>
|
|
<span class="k">var</span> <span class="nx">me</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">hideMenu</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oRoot</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oRoot</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oRoot</span> <span class="o">==</span> <span class="nx">me</span> <span class="o">&&</span> <span class="nx">me</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"dynamic"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">me</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="nx">oRoot</span><span class="o">.</span><span class="nx">_nHideDelayId</span> <span class="o">=</span>
|
|
<span class="nb">window</span><span class="o">.</span><span class="nx">setTimeout</span><span class="o">(</span><span class="nx">hideMenu</span><span class="o">,</span> <span class="nx">oRoot</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"hidedelay"</span><span class="o">));</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _cancelShowDelay</span>
|
|
<span class="c">* @description Cancels the call to the "showMenu."</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_cancelShowDelay</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oRoot</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getRoot</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oRoot</span><span class="o">.</span><span class="nx">_nShowDelayId</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nb">window</span><span class="o">.</span><span class="nx">clearTimeout</span><span class="o">(</span><span class="nx">oRoot</span><span class="o">.</span><span class="nx">_nShowDelayId</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _execShowDelay</span>
|
|
<span class="c">* @description Shows the menu after the number of milliseconds specified by </span>
|
|
<span class="c">* the "showdelay" configuration property have ellapsed.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object specifying the menu that should </span>
|
|
<span class="c">* be made visible.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_execShowDelay</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_cancelShowDelay</span><span class="o">();</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oRoot</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getRoot</span><span class="o">();</span>
|
|
|
|
<span class="k">var</span> <span class="nx">showMenu</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="nx">p_oMenu</span><span class="o">.</span><span class="nx">show</span><span class="o">();</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="nx">oRoot</span><span class="o">.</span><span class="nx">_nShowDelayId</span> <span class="o">=</span>
|
|
<span class="nb">window</span><span class="o">.</span><span class="nx">setTimeout</span><span class="o">(</span><span class="nx">showMenu</span><span class="o">,</span> <span class="nx">oRoot</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"showdelay"</span><span class="o">));</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
|
|
<span class="c">// Protected methods</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onMouseOver</span>
|
|
<span class="c">* @description "mouseover" event handler for the menu.</span>
|
|
<span class="c">* @protected</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onMouseOver</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oEvent</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oTarget</span> <span class="o">=</span> <span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_bHandledMouseOverEvent</span> <span class="o">&&</span>
|
|
<span class="o">(</span><span class="nx">oTarget</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">element</span> <span class="o">||</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="nx">oTarget</span><span class="o">))</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">// MENU MOUSEOVER LOGIC HERE</span>
|
|
<span class="c"></span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">();</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bHandledMouseOverEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bHandledMouseOutEvent</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oItem</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">oItem</span><span class="o">.</span><span class="nx">handledMouseOverEvent</span> <span class="o">&&</span>
|
|
<span class="o">(</span><span class="nx">oTarget</span> <span class="o">==</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">element</span> <span class="o">||</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="nx">oItem</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="nx">oTarget</span><span class="o">))</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItemCfg</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
|
|
<span class="c">// Select and focus the current menu item</span>
|
|
<span class="c"></span>
|
|
<span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"autosubmenudisplay"</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="c">// Show the submenu this menu item</span>
|
|
<span class="c"></span>
|
|
<span class="k">var</span> <span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"showdelay"</span><span class="o">)</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_execShowDelay</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">show</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">handledMouseOverEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">handledMouseOutEvent</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onMouseOut</span>
|
|
<span class="c">* @description "mouseout" event handler for the menu.</span>
|
|
<span class="c">* @protected</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onMouseOut</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oEvent</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oRelatedTarget</span> <span class="o">=</span> <span class="nx">Event</span><span class="o">.</span><span class="nx">getRelatedTarget</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">bMovingToSubmenu</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItemCfg</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oSubmenu</span> <span class="o">&&</span>
|
|
<span class="o">(</span>
|
|
<span class="nx">oRelatedTarget</span> <span class="o">==</span> <span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">element</span> <span class="o">||</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="nx">oRelatedTarget</span><span class="o">)</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">bMovingToSubmenu</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">!</span><span class="nx">oItem</span><span class="o">.</span><span class="nx">handledMouseOutEvent</span> <span class="o">&&</span>
|
|
<span class="o">(</span>
|
|
<span class="o">(</span>
|
|
<span class="nx">oRelatedTarget</span> <span class="o">!=</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">element</span> <span class="o">&&</span>
|
|
<span class="o">!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="nx">oItem</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="nx">oRelatedTarget</span><span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">||</span> <span class="nx">bMovingToSubmenu</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"showdelay"</span><span class="o">)</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_cancelShowDelay</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">bMovingToSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">false</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"autosubmenudisplay"</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">!(</span>
|
|
<span class="nx">oRelatedTarget</span> <span class="o">==</span> <span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">element</span> <span class="o">||</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span>
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span>
|
|
<span class="nx">oRelatedTarget</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">handledMouseOutEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">handledMouseOverEvent</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_bHandledMouseOutEvent</span> <span class="o">&&</span>
|
|
<span class="o">(</span>
|
|
<span class="o">(</span>
|
|
<span class="nx">oRelatedTarget</span> <span class="o">!=</span> <span class="k">this</span><span class="o">.</span><span class="nx">element</span> <span class="o">&&</span>
|
|
<span class="o">!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="nx">oRelatedTarget</span><span class="o">)</span>
|
|
<span class="o">)</span>
|
|
<span class="o">||</span> <span class="nx">bMovingToSubmenu</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bHandledMouseOutEvent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bHandledMouseOverEvent</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onClick</span>
|
|
<span class="c">* @description "click" event handler for the menu.</span>
|
|
<span class="c">* @protected</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onClick</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oEvent</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oTarget</span> <span class="o">=</span> <span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItemCfg</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> ACCESSIBILITY FEATURE FOR SCREEN READERS: </span>
|
|
<span class="c"> Expand/collapse the submenu when the user clicks </span>
|
|
<span class="c"> on the submenu indicator image.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oTarget</span> <span class="o">==</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">submenuIndicator</span> <span class="o">&&</span> <span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"visible"</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">();</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">show</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sURL</span> <span class="o">=</span> <span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"url"</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">bCurrentPageURL</span> <span class="o">=</span> <span class="o">(</span><span class="nx">sURL</span><span class="o">.</span><span class="nx">substr</span><span class="o">((</span><span class="nx">sURL</span><span class="o">.</span><span class="nx">length</span><span class="o">-</span><span class="m">1</span><span class="o">),</span><span class="m">1</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"#"</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">sTarget</span> <span class="o">=</span> <span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"target"</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">bHasTarget</span> <span class="o">=</span> <span class="o">(</span><span class="nx">sTarget</span> <span class="o">&&</span> <span class="nx">sTarget</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">);</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Prevent the browser from following links </span>
|
|
<span class="c"> equal to "#"</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oTarget</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">==</span> <span class="s2">"A"</span> <span class="o">&&</span>
|
|
<span class="nx">bCurrentPageURL</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">bHasTarget</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oTarget</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">!=</span> <span class="s2">"A"</span> <span class="o">&&</span>
|
|
<span class="o">!</span><span class="nx">bCurrentPageURL</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">bHasTarget</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Follow the URL of the item regardless of </span>
|
|
<span class="c"> whether or not the user clicked specifically</span>
|
|
<span class="c"> on the anchor element.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nb">document</span><span class="o">.</span><span class="nx">location</span> <span class="o">=</span> <span class="nx">sURL</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> If the item doesn't navigate to a URL and it doesn't have</span>
|
|
<span class="c"> a submenu, then collapse the menu tree.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">bCurrentPageURL</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oRoot</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getRoot</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oRoot</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"static"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oRoot</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oRoot</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onKeyDown</span>
|
|
<span class="c">* @description "keydown" event handler for the menu.</span>
|
|
<span class="c">* @protected</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onKeyDown</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oEvent</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oSubmenu</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItemCfg</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oParentItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oRoot</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oNextItem</span><span class="o">;</span>
|
|
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">.</span><span class="nx">keyCode</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="m">38</span><span class="o">:</span> <span class="c">// Up arrow</span>
|
|
<span class="c"></span> <span class="nx">case</span> <span class="m">40</span><span class="o">:</span> <span class="c">// Down arrow</span>
|
|
<span class="c"></span>
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oItem</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span> <span class="o">&&</span>
|
|
<span class="o">!</span><span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oNextItem</span> <span class="o">=</span> <span class="o">(</span><span class="nx">oEvent</span><span class="o">.</span><span class="nx">keyCode</span> <span class="o">==</span> <span class="m">38</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">getPreviousEnabledSibling</span><span class="o">()</span> <span class="o">:</span>
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">getNextEnabledSibling</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oNextItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">();</span>
|
|
|
|
<span class="nx">oNextItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">oNextItem</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
|
|
<span class="nx">case</span> <span class="m">39</span><span class="o">:</span> <span class="c">// Right arrow</span>
|
|
<span class="c"></span>
|
|
<span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItemCfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">show</span><span class="o">();</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">setInitialSelection</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oRoot</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getRoot</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oRoot</span> <span class="k">instanceof</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">MenuBar</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oNextItem</span> <span class="o">=</span> <span class="nx">oRoot</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">.</span><span class="nx">getNextEnabledSibling</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oNextItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oRoot</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">();</span>
|
|
|
|
<span class="nx">oNextItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">oNextItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">show</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oNextItem</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
|
|
<span class="nx">case</span> <span class="m">37</span><span class="o">:</span> <span class="c">// Left arrow</span>
|
|
<span class="c"></span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oParentItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oParentMenu</span> <span class="o">=</span> <span class="nx">oParentItem</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oParentMenu</span> <span class="k">instanceof</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">MenuBar</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oNextItem</span> <span class="o">=</span>
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">.</span><span class="nx">getPreviousEnabledSibling</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oNextItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">();</span>
|
|
|
|
<span class="nx">oNextItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">oNextItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">show</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oNextItem</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
|
|
<span class="nx">oParentItem</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">.</span><span class="nx">keyCode</span> <span class="o">==</span> <span class="m">27</span><span class="o">)</span> <span class="o">{</span> <span class="c">// Esc key</span>
|
|
<span class="c"></span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"dynamic"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span> <span class="o">&&</span> <span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"visible"</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">false</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">.</span><span class="nx">blur</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">oEvent</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
|
|
<span class="c">// Private methods</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onInit</span>
|
|
<span class="c">* @description "init" event handler for the menu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onInit</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">(</span>
|
|
<span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">lazyLoad</span><span class="o">)</span> <span class="o">||</span>
|
|
<span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"static"</span><span class="o">)</span> <span class="o">||</span>
|
|
<span class="o">(</span>
|
|
<span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span> <span class="o">&&</span>
|
|
<span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">lazyLoad</span> <span class="o">&&</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"dynamic"</span>
|
|
<span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">&&</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">getItemGroups</span><span class="o">().</span><span class="nx">length</span> <span class="o">===</span> <span class="m">0</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_initSubTree</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">itemData</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addItems</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">itemData</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">lazyLoad</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">fireQueue</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onBeforeRender</span>
|
|
<span class="c">* @description "beforerender" event handler for the menu. Appends all of the </span>
|
|
<span class="c">* <code>&#60;ul&#62;</code>, <code>&#60;li&#62;</code> and their accompanying </span>
|
|
<span class="c">* title elements to the body element of the menu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onBeforeRender</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oEl</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">nListElements</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nListElements</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">bFirstList</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oUL</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oGroupTitle</span><span class="o">;</span>
|
|
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oUL</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aListElements</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oUL</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">bFirstList</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">oUL</span><span class="o">,</span> <span class="s2">"first-of-type"</span><span class="o">);</span>
|
|
<span class="nx">bFirstList</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="nx">oEl</span><span class="o">,</span> <span class="nx">oUL</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">appendToBody</span><span class="o">(</span><span class="nx">oUL</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">oGroupTitle</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oGroupTitle</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="nx">oEl</span><span class="o">,</span> <span class="nx">oGroupTitle</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oUL</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">.</span><span class="nx">insertBefore</span><span class="o">(</span><span class="nx">oGroupTitle</span><span class="o">,</span> <span class="nx">oUL</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">oUL</span><span class="o">,</span> <span class="s2">"hastitle"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">i</span><span class="o">++;</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">i</span> <span class="o"><</span> <span class="nx">nListElements</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onRender</span>
|
|
<span class="c">* @description "render" event handler for the menu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onRender</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"dynamic"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sWidth</span> <span class="o">=</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">==</span> <span class="s2">"BODY"</span> <span class="o">?</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">offsetWidth</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getOffsetWidth</span><span class="o">();</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"width"</span><span class="o">,</span> <span class="o">(</span><span class="nx">sWidth</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">));</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onBeforeShow</span>
|
|
<span class="c">* @description "beforeshow" event handler for the menu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onBeforeShow</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">lazyLoad</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">getItemGroups</span><span class="o">().</span><span class="nx">length</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_initSubTree</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">itemData</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">parent</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">parent</span> <span class="o">&&</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">srcElement</span> <span class="o">&&</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">==</span> <span class="s2">"SELECT"</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nOptions</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">itemData</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">n</span><span class="o">=</span><span class="m">0</span><span class="o">;</span> <span class="nx">n</span><span class="o"><</span><span class="nx">nOptions</span><span class="o">;</span> <span class="nx">n</span><span class="o">++)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">itemData</span><span class="o">[</span><span class="nx">n</span><span class="o">].</span><span class="nx">tagName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addItem</span><span class="o">((</span><span class="k">new</span> <span class="k">this</span><span class="o">.</span><span class="nx">ITEM_TYPE</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">itemData</span><span class="o">[</span><span class="nx">n</span><span class="o">])));</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addItems</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">itemData</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">srcElement</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">render</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">render</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">element</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">render</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"container"</span><span class="o">));</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onShow</span>
|
|
<span class="c">* @description "show" event handler for the menu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that fired </span>
|
|
<span class="c">* the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onShow</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setInitialFocus</span><span class="o">();</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oParent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oParent</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">oParentMenu</span> <span class="o">=</span> <span class="nx">oParent</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">aParentAlignment</span> <span class="o">=</span> <span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenualignment"</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">aAlignment</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenualignment"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">(</span><span class="nx">aParentAlignment</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">!=</span> <span class="nx">aAlignment</span><span class="o">[</span><span class="m">0</span><span class="o">])</span> <span class="o">&&</span>
|
|
<span class="o">(</span><span class="nx">aParentAlignment</span><span class="o">[</span><span class="m">1</span><span class="o">]</span> <span class="o">!=</span> <span class="nx">aAlignment</span><span class="o">[</span><span class="m">1</span><span class="o">])</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span>
|
|
<span class="s2">"submenualignment"</span><span class="o">,</span>
|
|
<span class="o">[</span> <span class="nx">aParentAlignment</span><span class="o">[</span><span class="m">0</span><span class="o">],</span> <span class="nx">aParentAlignment</span><span class="o">[</span><span class="m">1</span><span class="o">]</span> <span class="o">]</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="o">!</span><span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"autosubmenudisplay"</span><span class="o">)</span> <span class="o">&&</span>
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"static"</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"autosubmenudisplay"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * "click" event handler for the document</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> * @param {Event} p_oEvent Object reference for the DOM event object </span>
|
|
<span class="c"> * passed back by the event utility (YAHOO.util.Event).</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">disableAutoSubmenuDisplay</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oEvent</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">p_oEvent</span><span class="o">.</span><span class="nx">type</span> <span class="o">==</span> <span class="s2">"mousedown"</span> <span class="o">||</span>
|
|
<span class="o">(</span><span class="nx">p_oEvent</span><span class="o">.</span><span class="nx">type</span> <span class="o">==</span> <span class="s2">"keydown"</span> <span class="o">&&</span> <span class="nx">p_oEvent</span><span class="o">.</span><span class="nx">keyCode</span> <span class="o">==</span> <span class="m">27</span><span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/* </span>
|
|
<span class="c"> Set the "autosubmenudisplay" to "false" if the user</span>
|
|
<span class="c"> clicks outside the menu bar.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oTarget</span> <span class="o">=</span> <span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">p_oEvent</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oTarget</span> <span class="o">!=</span> <span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">element</span> <span class="o">||</span>
|
|
<span class="o">!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="nx">oTarget</span><span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span>
|
|
<span class="s2">"autosubmenudisplay"</span><span class="o">,</span>
|
|
<span class="kc">false</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">removeListener</span><span class="o">(</span>
|
|
<span class="nb">document</span><span class="o">,</span>
|
|
<span class="s2">"mousedown"</span><span class="o">,</span>
|
|
<span class="nx">disableAutoSubmenuDisplay</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">removeListener</span><span class="o">(</span>
|
|
<span class="nb">document</span><span class="o">,</span>
|
|
<span class="s2">"keydown"</span><span class="o">,</span>
|
|
<span class="nx">disableAutoSubmenuDisplay</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nb">document</span><span class="o">,</span> <span class="s2">"mousedown"</span><span class="o">,</span> <span class="nx">disableAutoSubmenuDisplay</span><span class="o">);</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nb">document</span><span class="o">,</span> <span class="s2">"keydown"</span><span class="o">,</span> <span class="nx">disableAutoSubmenuDisplay</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onBeforeHide</span>
|
|
<span class="c">* @description "beforehide" event handler for the menu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that fired </span>
|
|
<span class="c">* the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onBeforeHide</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">clearActiveItem</span><span class="o">(</span><span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onParentMenuConfigChange</span>
|
|
<span class="c">* @description "configchange" event handler for a submenu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oSubmenu Object representing the submenu that </span>
|
|
<span class="c">* subscribed to the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onParentMenuConfigChange</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sPropertyName</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">][</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oPropertyValue</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">][</span><span class="m">1</span><span class="o">];</span>
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">sPropertyName</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"iframe"</span><span class="o">:</span>
|
|
<span class="nx">case</span> <span class="s2">"constraintoviewport"</span><span class="o">:</span>
|
|
<span class="nx">case</span> <span class="s2">"hidedelay"</span><span class="o">:</span>
|
|
<span class="nx">case</span> <span class="s2">"showdelay"</span><span class="o">:</span>
|
|
<span class="nx">case</span> <span class="s2">"clicktohide"</span><span class="o">:</span>
|
|
<span class="nx">case</span> <span class="s2">"effect"</span><span class="o">:</span>
|
|
|
|
<span class="nx">p_oSubmenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="nx">sPropertyName</span><span class="o">,</span> <span class="nx">oPropertyValue</span><span class="o">);</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onParentMenuRender</span>
|
|
<span class="c">* @description "render" event handler for a submenu. Renders a </span>
|
|
<span class="c">* submenu in response to the firing of its parent's "render" event.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oSubmenu Object representing the submenu that </span>
|
|
<span class="c">* subscribed to the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onParentMenuRender</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Set the "constraintoviewport" configuration </span>
|
|
<span class="c"> property to match the parent Menu</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oParentMenu</span> <span class="o">=</span> <span class="nx">p_oSubmenu</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="o">{</span>
|
|
|
|
<span class="nx">constraintoviewport</span><span class="o">:</span>
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"constraintoviewport"</span><span class="o">),</span>
|
|
|
|
<span class="nx">xy</span><span class="o">:</span> <span class="o">[</span><span class="m">0</span><span class="o">,</span><span class="m">0</span><span class="o">],</span>
|
|
|
|
<span class="nx">clicktohide</span><span class="o">:</span>
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"clicktohide"</span><span class="o">),</span>
|
|
|
|
<span class="nx">effect</span><span class="o">:</span>
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"effect"</span><span class="o">)</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">nShowDelay</span> <span class="o">=</span> <span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"showdelay"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nShowDelay</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">showdelay</span> <span class="o">=</span> <span class="nx">nShowDelay</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">nHideDelay</span> <span class="o">=</span> <span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"hidedelay"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nHideDelay</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">hidedelay</span> <span class="o">=</span> <span class="nx">nHideDelay</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Only sync the "iframe" configuration property if the parent</span>
|
|
<span class="c"> menu's "position" configuration is the same.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span>
|
|
<span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">iframe</span> <span class="o">=</span> <span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"iframe"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="nx">p_oSubmenu</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">applyConfig</span><span class="o">(</span><span class="nx">oConfig</span><span class="o">);</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">lazyLoad</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">inDocument</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">render</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">render</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">element</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onSubmenuBeforeShow</span>
|
|
<span class="c">* @description "beforeshow" event handler for a submenu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oSubmenu Object representing the submenu that </span>
|
|
<span class="c">* subscribed to the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onSubmenuBeforeShow</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oParent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">aAlignment</span> <span class="o">=</span> <span class="nx">oParent</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenualignment"</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span>
|
|
<span class="s2">"context"</span><span class="o">,</span>
|
|
<span class="o">[</span><span class="nx">oParent</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="nx">aAlignment</span><span class="o">[</span><span class="m">0</span><span class="o">],</span> <span class="nx">aAlignment</span><span class="o">[</span><span class="m">1</span><span class="o">]]</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="nx">oParent</span><span class="o">.</span><span class="nx">submenuIndicator</span><span class="o">.</span><span class="nx">alt</span> <span class="o">=</span> <span class="nx">oParent</span><span class="o">.</span><span class="nx">EXPANDED_SUBMENU_INDICATOR_ALT_TEXT</span><span class="o">;</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onSubmenuShow</span>
|
|
<span class="c">* @description "show" event handler for a submenu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oSubmenu Object representing the submenu that </span>
|
|
<span class="c">* subscribed to the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onSubmenuShow</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oParent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="nx">oParent</span><span class="o">.</span><span class="nx">submenuIndicator</span><span class="o">.</span><span class="nx">alt</span> <span class="o">=</span> <span class="nx">oParent</span><span class="o">.</span><span class="nx">EXPANDED_SUBMENU_INDICATOR_ALT_TEXT</span><span class="o">;</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onSubmenuHide</span>
|
|
<span class="c">* @description "hide" Custom Event handler for a submenu.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oSubmenu Object representing the submenu that </span>
|
|
<span class="c">* subscribed to the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onSubmenuHide</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oParent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="nx">oParent</span><span class="o">.</span><span class="nx">submenuIndicator</span><span class="o">.</span><span class="nx">alt</span> <span class="o">=</span> <span class="nx">oParent</span><span class="o">.</span><span class="nx">COLLAPSED_SUBMENU_INDICATOR_ALT_TEXT</span><span class="o">;</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onMenuItemFocus</span>
|
|
<span class="c">* @description "focus" event handler for the menu's items.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object representing the menu item </span>
|
|
<span class="c">* that fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onMenuItemFocus</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span> <span class="o">=</span> <span class="nx">p_oItem</span><span class="o">;</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onMenuItemBlur</span>
|
|
<span class="c">* @description "blur" event handler for the menu's items.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event </span>
|
|
<span class="c">* that was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onMenuItemBlur</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method _onMenuItemConfigChange</span>
|
|
<span class="c">* @description "configchange" event handler for the menu's items.</span>
|
|
<span class="c">* @private</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object representing the menu item </span>
|
|
<span class="c">* that fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">_onMenuItemConfigChange</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sProperty</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">][</span><span class="m">0</span><span class="o">];</span>
|
|
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">sProperty</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"submenu"</span><span class="o">:</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">][</span><span class="m">1</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_configureSubmenu</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="nx">case</span> <span class="s2">"text"</span><span class="o">:</span>
|
|
<span class="nx">case</span> <span class="s2">"helptext"</span><span class="o">:</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> A change to an item's "text" or "helptext"</span>
|
|
<span class="c"> configuration properties requires the width of the parent</span>
|
|
<span class="c"> menu to be recalculated.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sWidth</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getOffsetWidth</span><span class="o">()</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">;</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"width"</span><span class="o">,</span> <span class="nx">sWidth</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">break</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
|
|
<span class="c">// Public event handlers for configuration properties</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method enforceConstraints</span>
|
|
<span class="c">* @description The default event handler executed when the moveEvent is fired, </span>
|
|
<span class="c">* if the "constraintoviewport" configuration property is set to true.</span>
|
|
<span class="c">* @param {String} type The name of the event that was fired.</span>
|
|
<span class="c">* @param {Array} args Collection of arguments sent when the </span>
|
|
<span class="c">* event was fired.</span>
|
|
<span class="c">* @param {Array} obj Array containing the current Menu instance </span>
|
|
<span class="c">* and the item that fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">enforceConstraints</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">type</span><span class="o">,</span> <span class="nx">args</span><span class="o">,</span> <span class="nx">obj</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">pos</span> <span class="o">=</span> <span class="nx">args</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
|
|
<span class="k">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">pos</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">y</span> <span class="o">=</span> <span class="nx">pos</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
|
|
<span class="k">var</span> <span class="nx">bod</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">getElementsByTagName</span><span class="o">(</span><span class="s1">'body'</span><span class="o">)[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">htm</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">getElementsByTagName</span><span class="o">(</span><span class="s1">'html'</span><span class="o">)[</span><span class="m">0</span><span class="o">];</span>
|
|
|
|
<span class="k">var</span> <span class="nx">bodyOverflow</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">bod</span><span class="o">,</span> <span class="s2">"overflow"</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">htmOverflow</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">htm</span><span class="o">,</span> <span class="s2">"overflow"</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">offsetHeight</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">offsetWidth</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">.</span><span class="nx">offsetWidth</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">viewPortWidth</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getClientWidth</span><span class="o">();</span>
|
|
<span class="k">var</span> <span class="nx">viewPortHeight</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getClientHeight</span><span class="o">();</span>
|
|
|
|
<span class="k">var</span> <span class="nx">scrollX</span> <span class="o">=</span> <span class="nb">window</span><span class="o">.</span><span class="nx">scrollX</span> <span class="o">||</span> <span class="nb">document</span><span class="o">.</span><span class="nx">body</span><span class="o">.</span><span class="nx">scrollLeft</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">scrollY</span> <span class="o">=</span> <span class="nb">window</span><span class="o">.</span><span class="nx">scrollY</span> <span class="o">||</span> <span class="nb">document</span><span class="o">.</span><span class="nx">body</span><span class="o">.</span><span class="nx">scrollTop</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">topConstraint</span> <span class="o">=</span> <span class="nx">scrollY</span> <span class="o">+</span> <span class="m">10</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">leftConstraint</span> <span class="o">=</span> <span class="nx">scrollX</span> <span class="o">+</span> <span class="m">10</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">bottomConstraint</span> <span class="o">=</span> <span class="nx">scrollY</span> <span class="o">+</span> <span class="nx">viewPortHeight</span> <span class="o">-</span> <span class="nx">offsetHeight</span> <span class="o">-</span> <span class="m">10</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">rightConstraint</span> <span class="o">=</span> <span class="nx">scrollX</span> <span class="o">+</span> <span class="nx">viewPortWidth</span> <span class="o">-</span> <span class="nx">offsetWidth</span> <span class="o">-</span> <span class="m">10</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">aContext</span> <span class="o">=</span> <span class="nx">oConfig</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"context"</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">oContextElement</span> <span class="o">=</span> <span class="nx">aContext</span> <span class="o">?</span> <span class="nx">aContext</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">x</span> <span class="o"><</span> <span class="m">10</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">x</span> <span class="o">=</span> <span class="nx">leftConstraint</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">((</span><span class="nx">x</span> <span class="o">+</span> <span class="nx">offsetWidth</span><span class="o">)</span> <span class="o">></span> <span class="nx">viewPortWidth</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span>
|
|
<span class="nx">oContextElement</span> <span class="o">&&</span>
|
|
<span class="o">((</span><span class="nx">x</span> <span class="o">-</span> <span class="nx">oContextElement</span><span class="o">.</span><span class="nx">offsetWidth</span><span class="o">)</span> <span class="o">></span> <span class="nx">offsetWidth</span><span class="o">)</span>
|
|
<span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">x</span> <span class="o">=</span> <span class="o">(</span><span class="nx">x</span> <span class="o">-</span> <span class="o">(</span><span class="nx">oContextElement</span><span class="o">.</span><span class="nx">offsetWidth</span> <span class="o">+</span> <span class="nx">offsetWidth</span><span class="o">));</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">x</span> <span class="o">=</span> <span class="nx">rightConstraint</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">y</span> <span class="o"><</span> <span class="m">10</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">y</span> <span class="o">=</span> <span class="nx">topConstraint</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(</span><span class="nx">y</span> <span class="o">></span> <span class="nx">bottomConstraint</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oContextElement</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">y</span> <span class="o">></span> <span class="nx">offsetHeight</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="nx">y</span> <span class="o">=</span> <span class="o">((</span><span class="nx">y</span> <span class="o">+</span> <span class="nx">oContextElement</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">)</span> <span class="o">-</span> <span class="nx">offsetHeight</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">y</span> <span class="o">=</span> <span class="nx">bottomConstraint</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"x"</span><span class="o">,</span> <span class="nx">x</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"y"</span><span class="o">,</span> <span class="nx">y</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method configVisible</span>
|
|
<span class="c">* @description Event handler for when the "visible" configuration property </span>
|
|
<span class="c">* the menu changes.</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">configVisible</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"dynamic"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">configVisible</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">p_sType</span><span class="o">,</span>
|
|
<span class="nx">p_aArgs</span><span class="o">,</span>
|
|
<span class="nx">p_oMenu</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">bVisible</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">sDisplay</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"display"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">bVisible</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sDisplay</span> <span class="o">!=</span> <span class="s2">"block"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeShowEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">();</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"display"</span><span class="o">,</span> <span class="s2">"block"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">showEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sDisplay</span> <span class="o">==</span> <span class="s2">"block"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">beforeHideEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">();</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"display"</span><span class="o">,</span> <span class="s2">"none"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">hideEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method configPosition</span>
|
|
<span class="c">* @description Event handler for when the "position" configuration property </span>
|
|
<span class="c">* of the menu changes.</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">configPosition</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sCSSPosition</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">==</span> <span class="s2">"static"</span> <span class="o">?</span> <span class="s2">"static"</span> <span class="o">:</span> <span class="s2">"absolute"</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oCfg</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"position"</span><span class="o">,</span> <span class="nx">sCSSPosition</span><span class="o">);</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sCSSPosition</span> <span class="o">==</span> <span class="s2">"static"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Remove the iframe for statically positioned menus since it will </span>
|
|
<span class="c"> intercept mouse events.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">oCfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"iframe"</span><span class="o">,</span> <span class="kc">false</span><span class="o">);</span>
|
|
|
|
|
|
<span class="c">// Statically positioned menus are visible by default</span>
|
|
<span class="c"></span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"display"</span><span class="o">,</span> <span class="s2">"block"</span><span class="o">);</span>
|
|
|
|
<span class="nx">oCfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"visible"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Even though the "visible" property is queued to </span>
|
|
<span class="c"> "false" by default, we need to set the "visibility" property to </span>
|
|
<span class="c"> "hidden" since Overlay's "configVisible" implementation checks the </span>
|
|
<span class="c"> element's "visibility" style property before deciding whether </span>
|
|
<span class="c"> or not to show an Overlay instance.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">element</span><span class="o">,</span> <span class="s2">"visibility"</span><span class="o">,</span> <span class="s2">"hidden"</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sCSSPosition</span> <span class="o">==</span> <span class="s2">"absolute"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nZIndex</span> <span class="o">=</span> <span class="nx">oCfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"zindex"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">nZIndex</span> <span class="o">||</span> <span class="nx">nZIndex</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">nZIndex</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span> <span class="o">?</span>
|
|
<span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"zindex"</span><span class="o">)</span> <span class="o">+</span> <span class="m">1</span><span class="o">)</span> <span class="o">:</span> <span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="nx">oCfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"zindex"</span><span class="o">,</span> <span class="nx">nZIndex</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method configIframe</span>
|
|
<span class="c">* @description Event handler for when the "iframe" configuration property of </span>
|
|
<span class="c">* the menu changes.</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">configIframe</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"dynamic"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">configIframe</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">p_sType</span><span class="o">,</span>
|
|
<span class="nx">p_aArgs</span><span class="o">,</span>
|
|
<span class="nx">p_oMenu</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method configHideDelay</span>
|
|
<span class="c">* @description Event handler for when the "hidedelay" configuration property </span>
|
|
<span class="c">* of the menu changes.</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">configHideDelay</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nHideDelay</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">oMouseOutEvent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">mouseOutEvent</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oMouseOverEvent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">mouseOverEvent</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oKeyDownEvent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">keyDownEvent</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nHideDelay</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Only assign event handlers once. This way the user change </span>
|
|
<span class="c"> the value for the hidedelay as many times as they want.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_hideDelayEventHandlersAssigned</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oMouseOutEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_execHideDelay</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">oMouseOverEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_cancelHideDelay</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">oKeyDownEvent</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_cancelHideDelay</span><span class="o">,</span> <span class="k">this</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_hideDelayEventHandlersAssigned</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oMouseOutEvent</span><span class="o">.</span><span class="nx">unsubscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_execHideDelay</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">oMouseOverEvent</span><span class="o">.</span><span class="nx">unsubscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_cancelHideDelay</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">oKeyDownEvent</span><span class="o">.</span><span class="nx">unsubscribe</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_cancelHideDelay</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_hideDelayEventHandlersAssigned</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method configContainer</span>
|
|
<span class="c">* @description Event handler for when the "container" configuration property </span>
|
|
<span class="c">of the menu changes.</span>
|
|
<span class="c">* @param {String} p_sType String representing the name of the event that </span>
|
|
<span class="c">* was fired.</span>
|
|
<span class="c">* @param {Array} p_aArgs Array of arguments sent when the event was fired.</span>
|
|
<span class="c">* @param {YAHOO.widget.Menu} p_oMenu Object representing the menu that </span>
|
|
<span class="c">* fired the event.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">configContainer</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sType</span><span class="o">,</span> <span class="nx">p_aArgs</span><span class="o">,</span> <span class="nx">p_oMenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oElement</span> <span class="o">=</span> <span class="nx">p_aArgs</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">oElement</span> <span class="o">==</span> <span class="s1">'string'</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span>
|
|
<span class="s2">"container"</span><span class="o">,</span>
|
|
<span class="nb">document</span><span class="o">.</span><span class="nx">getElementById</span><span class="o">(</span><span class="nx">oElement</span><span class="o">),</span>
|
|
<span class="kc">true</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
|
|
<span class="c">// Public methods</span>
|
|
<span class="c"></span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* Event handler called when the resize monitor element's "resize" evet is fired.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">onDomResize</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">e</span><span class="o">,</span> <span class="nx">obj</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_handleResize</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_handleResize</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oConfig</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"position"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"dynamic"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"width"</span><span class="o">,</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_getOffsetWidth</span><span class="o">()</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">));</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">onDomResize</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">e</span><span class="o">,</span> <span class="nx">obj</span><span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method initEvents</span>
|
|
<span class="c">* @description Initializes the custom events for the menu.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">initEvents</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">initEvents</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="c">// Create custom events</span>
|
|
<span class="c"></span>
|
|
<span class="k">var</span> <span class="nx">CustomEvent</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseOverEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"mouseOverEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseOutEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"mouseOutEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseDownEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"mouseDownEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseUpEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"mouseUpEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">clickEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"clickEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">keyPressEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"keyPressEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">keyDownEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"keyDownEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">keyUpEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"keyUpEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemAddedEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"itemAddedEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemRemovedEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"itemRemovedEvent"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method getRoot</span>
|
|
<span class="c">* @description Finds the menu's root menu.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">getRoot</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oParentMenu</span> <span class="o">=</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">parent</span><span class="o">;</span>
|
|
|
|
<span class="k">return</span> <span class="nx">oParentMenu</span> <span class="o">?</span> <span class="nx">oParentMenu</span><span class="o">.</span><span class="nx">getRoot</span><span class="o">()</span> <span class="o">:</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method toString</span>
|
|
<span class="c">* @description Returns a string representing the menu.</span>
|
|
<span class="c">* @return {String}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">toString</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="o">(</span><span class="s2">"Menu "</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">id</span><span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method setItemGroupTitle</span>
|
|
<span class="c">* @description Sets the title of a group of menu items.</span>
|
|
<span class="c">* @param {String} p_sGroupTitle String specifying the title of the group.</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Optional. Number specifying the group to which</span>
|
|
<span class="c">* the title belongs.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">setItemGroupTitle</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_sGroupTitle</span><span class="o">,</span> <span class="nx">p_nGroupIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_sGroupTitle</span> <span class="o">==</span> <span class="s2">"string"</span> <span class="o">&&</span> <span class="nx">p_sGroupTitle</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nGroupIndex</span> <span class="o">=</span> <span class="k">typeof</span> <span class="nx">p_nGroupIndex</span> <span class="o">==</span> <span class="s2">"number"</span> <span class="o">?</span> <span class="nx">p_nGroupIndex</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oTitle</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">[</span><span class="nx">nGroupIndex</span><span class="o">];</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oTitle</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oTitle</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">p_sGroupTitle</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oTitle</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">GROUP_TITLE_TAG_NAME</span><span class="o">);</span>
|
|
|
|
<span class="nx">oTitle</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">p_sGroupTitle</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">[</span><span class="nx">nGroupIndex</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oTitle</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">.</span><span class="nx">length</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">nFirstIndex</span><span class="o">;</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">[</span><span class="nx">i</span><span class="o">])</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">[</span><span class="nx">i</span><span class="o">],</span> <span class="s2">"first-of-type"</span><span class="o">);</span>
|
|
|
|
<span class="nx">nFirstIndex</span> <span class="o">=</span> <span class="nx">i</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">i</span><span class="o">--);</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nFirstIndex</span> <span class="o">!==</span> <span class="kc">null</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_aGroupTitleElements</span><span class="o">[</span><span class="nx">nFirstIndex</span><span class="o">],</span>
|
|
<span class="s2">"first-of-type"</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method addItem</span>
|
|
<span class="c">* @description Appends an item to the menu.</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object reference for the MenuItem </span>
|
|
<span class="c">* instance to be added to the menu.</span>
|
|
<span class="c">* @param {String} p_oItem String specifying the text of the item to be added </span>
|
|
<span class="c">* to the menu.</span>
|
|
<span class="c">* @param {Object} p_oItem Object literal containing a set of menu item </span>
|
|
<span class="c">* configuration properties.</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Optional. Number indicating the group to</span>
|
|
<span class="c">* which the item belongs.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">addItem</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">,</span> <span class="nx">p_nGroupIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_addItemToGroup</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method addItems</span>
|
|
<span class="c">* @description Adds an array of items to the menu.</span>
|
|
<span class="c">* @param {Array} p_aItems Array of items to be added to the menu. The array </span>
|
|
<span class="c">* can contain strings specifying the text for each item to be created, object</span>
|
|
<span class="c">* literals specifying each of the menu item configuration properties, </span>
|
|
<span class="c">* or MenuItem instances.</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Optional. Number specifying the group to </span>
|
|
<span class="c">* which the items belongs.</span>
|
|
<span class="c">* @return {Array}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">addItems</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_aItems</span><span class="o">,</span> <span class="nx">p_nGroupIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">function</span> <span class="nx">isArray</span><span class="o">(</span><span class="nx">p_oValue</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="o">(</span><span class="k">typeof</span> <span class="nx">p_oValue</span> <span class="o">==</span> <span class="s2">"object"</span> <span class="o">&&</span> <span class="nx">p_oValue</span><span class="o">.</span><span class="nx">constructor</span> <span class="o">==</span> <span class="nb">Array</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">p_aItems</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nItems</span> <span class="o">=</span> <span class="nx">p_aItems</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">aItems</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span><span class="o">=</span><span class="m">0</span><span class="o">;</span> <span class="nx">i</span><span class="o"><</span><span class="nx">nItems</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="nx">p_aItems</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">oItem</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="nx">aItems</span><span class="o">[</span><span class="nx">aItems</span><span class="o">.</span><span class="nx">length</span><span class="o">]</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">addItems</span><span class="o">(</span><span class="nx">oItem</span><span class="o">,</span> <span class="nx">i</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
|
|
<span class="nx">aItems</span><span class="o">[</span><span class="nx">aItems</span><span class="o">.</span><span class="nx">length</span><span class="o">]</span> <span class="o">=</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_addItemToGroup</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">oItem</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aItems</span><span class="o">.</span><span class="nx">length</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="nx">aItems</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method insertItem</span>
|
|
<span class="c">* @description Inserts an item into the menu at the specified index.</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oItem Object reference for the MenuItem </span>
|
|
<span class="c">* instance to be added to the menu.</span>
|
|
<span class="c">* @param {String} p_oItem String specifying the text of the item to be added </span>
|
|
<span class="c">* to the menu.</span>
|
|
<span class="c">* @param {Object} p_oItem Object literal containing a set of menu item </span>
|
|
<span class="c">* configuration properties.</span>
|
|
<span class="c">* @param {Number} p_nItemIndex Number indicating the ordinal position at which</span>
|
|
<span class="c">* the item should be added.</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Optional. Number indicating the group to which </span>
|
|
<span class="c">* the item belongs.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">insertItem</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">,</span> <span class="nx">p_nItemIndex</span><span class="o">,</span> <span class="nx">p_nGroupIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">p_oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_addItemToGroup</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">p_oItem</span><span class="o">,</span> <span class="nx">p_nItemIndex</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method removeItem</span>
|
|
<span class="c">* @description Removes the specified item from the menu.</span>
|
|
<span class="c">* @param {YAHOO.widget.MenuItem} p_oObject Object reference for the MenuItem </span>
|
|
<span class="c">* instance to be removed from the menu.</span>
|
|
<span class="c">* @param {Number} p_oObject Number specifying the index of the item </span>
|
|
<span class="c">* to be removed.</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Optional. Number specifying the group to </span>
|
|
<span class="c">* which the item belongs.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">removeItem</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_oObject</span><span class="o">,</span> <span class="nx">p_nGroupIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_oObject</span> <span class="o">!=</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">p_oObject</span> <span class="k">instanceof</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">MenuItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_removeItemFromGroupByValue</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">p_oObject</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_oObject</span> <span class="o">==</span> <span class="s2">"number"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_removeItemFromGroupByIndex</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">,</span> <span class="nx">p_oObject</span><span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">destroy</span><span class="o">();</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item removed."</span> <span class="o">+</span>
|
|
<span class="s2">" Text: "</span> <span class="o">+</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"text"</span><span class="o">)</span> <span class="o">+</span> <span class="s2">", "</span> <span class="o">+</span>
|
|
<span class="s2">" Index: "</span> <span class="o">+</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">index</span> <span class="o">+</span> <span class="s2">", "</span> <span class="o">+</span>
|
|
<span class="s2">" Group Index: "</span> <span class="o">+</span> <span class="nx">oItem</span><span class="o">.</span><span class="nx">groupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method getItemGroups</span>
|
|
<span class="c">* @description Returns a multi-dimensional array of all of the items in the menu.</span>
|
|
<span class="c">* @return {Array}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">getItemGroups</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">;</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method getItem</span>
|
|
<span class="c">* @description Returns the item at the specified index.</span>
|
|
<span class="c">* @param {Number} p_nItemIndex Number indicating the ordinal position of the </span>
|
|
<span class="c">* item to be retrieved.</span>
|
|
<span class="c">* @param {Number} p_nGroupIndex Optional. Number indicating the group to which </span>
|
|
<span class="c">* the item belongs.</span>
|
|
<span class="c">* @return {YAHOO.widget.MenuItem}</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">getItem</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_nItemIndex</span><span class="o">,</span> <span class="nx">p_nGroupIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">typeof</span> <span class="nx">p_nItemIndex</span> <span class="o">==</span> <span class="s2">"number"</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">aGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getItemGroup</span><span class="o">(</span><span class="nx">p_nGroupIndex</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aGroup</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">return</span> <span class="nx">aGroup</span><span class="o">[</span><span class="nx">p_nItemIndex</span><span class="o">];</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method destroy</span>
|
|
<span class="c">* @description Removes the menu's <code>&#60;div&#62;</code> element </span>
|
|
<span class="c">* (and accompanying child nodes) from the document.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">destroy</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="c">// Remove Custom Event listeners</span>
|
|
<span class="c"></span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseOverEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseOutEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseDownEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">mouseUpEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">clickEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">keyPressEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">keyDownEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">keyUpEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">nItemGroups</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">nItems</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oItemGroup</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">oItem</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">i</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">n</span><span class="o">;</span>
|
|
|
|
|
|
<span class="c">// Remove all items</span>
|
|
<span class="c"></span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nItemGroups</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">i</span> <span class="o">=</span> <span class="nx">nItemGroups</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItemGroup</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItemGroup</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">nItems</span> <span class="o">=</span> <span class="nx">oItemGroup</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nItems</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">n</span> <span class="o">=</span> <span class="nx">nItems</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="k">do</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_aItemGroups</span><span class="o">[</span><span class="nx">i</span><span class="o">][</span><span class="nx">n</span><span class="o">];</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">destroy</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">n</span><span class="o">--);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">i</span><span class="o">--);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="c">// Continue with the superclass implementation of this method</span>
|
|
<span class="c"></span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">destroy</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">logger</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Destroyed."</span><span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method setInitialFocus</span>
|
|
<span class="c">* @description Sets focus to the menu's first enabled item.</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">setInitialFocus</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getFirstEnabledItem</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method setInitialSelection</span>
|
|
<span class="c">* @description Sets the "selected" configuration property of the menu's first </span>
|
|
<span class="c">* enabled item to "true."</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">setInitialSelection</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getFirstEnabledItem</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @method clearActiveItem</span>
|
|
<span class="c">* @description Sets the "selected" configuration property of the menu's active</span>
|
|
<span class="c">* item to "false" and hides the item's submenu.</span>
|
|
<span class="c">* @param {Boolean} p_bBlur Boolean indicating if the menu's active item </span>
|
|
<span class="c">* should be blurred. </span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">clearActiveItem</span><span class="o">:</span> <span class="k">function</span><span class="o">(</span><span class="nx">p_bBlur</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"showdelay"</span><span class="o">)</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_cancelShowDelay</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
|
|
<span class="k">var</span> <span class="nx">oActiveItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">activeItem</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oActiveItem</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="nx">oActiveItem</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">setProperty</span><span class="o">(</span><span class="s2">"selected"</span><span class="o">,</span> <span class="kc">false</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oSubmenu</span> <span class="o">=</span> <span class="nx">oConfig</span><span class="o">.</span><span class="nx">getProperty</span><span class="o">(</span><span class="s2">"submenu"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSubmenu</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oSubmenu</span><span class="o">.</span><span class="nx">hide</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">p_bBlur</span><span class="o">)</span> <span class="o">{</span>
|
|
|
|
<span class="nx">oActiveItem</span><span class="o">.</span><span class="nx">blur</span><span class="o">();</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* @description Initializes the class's configurable properties which can be</span>
|
|
<span class="c">* changed using the menu's Config object ("cfg").</span>
|
|
<span class="c">* @method initDefaultConfig</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">initDefaultConfig</span><span class="o">:</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Menu</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">initDefaultConfig</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oConfig</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">;</span>
|
|
|
|
<span class="c">// Add configuration properties</span>
|
|
<span class="c"></span>
|
|
<span class="c">/*</span>
|
|
<span class="c"> Change the default value for the "visible" configuration </span>
|
|
<span class="c"> property to "false" by re-adding the property.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config visible</span>
|
|
<span class="c"> * @description Boolean indicating whether or not the menu is visible. If </span>
|
|
<span class="c"> * the menu's "position" configuration property is set to "dynamic" (the </span>
|
|
<span class="c"> * default), this property toggles the menu's <code>&#60;div&#62;</code> </span>
|
|
<span class="c"> * element's "visibility" style property between "visible" (true) or </span>
|
|
<span class="c"> * "hidden" (false). If the menu's "position" configuration property is </span>
|
|
<span class="c"> * set to "static" this property toggles the menu's </span>
|
|
<span class="c"> * <code>&#60;div&#62;</code> element's "display" style property </span>
|
|
<span class="c"> * between "block" (true) or "none" (false).</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"visible"</span><span class="o">,</span>
|
|
<span class="o">{</span>
|
|
<span class="nx">value</span><span class="o">:</span><span class="kc">false</span><span class="o">,</span>
|
|
<span class="nx">handler</span><span class="o">:</span><span class="k">this</span><span class="o">.</span><span class="nx">configVisible</span><span class="o">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">checkBoolean</span>
|
|
<span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> Change the default value for the "constraintoviewport" configuration </span>
|
|
<span class="c"> property to "true" by re-adding the property.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config constraintoviewport</span>
|
|
<span class="c"> * @description Boolean indicating if the menu will try to remain inside </span>
|
|
<span class="c"> * the boundaries of the size of viewport.</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"constraintoviewport"</span><span class="o">,</span>
|
|
<span class="o">{</span>
|
|
<span class="nx">value</span><span class="o">:</span><span class="kc">true</span><span class="o">,</span>
|
|
<span class="nx">handler</span><span class="o">:</span><span class="k">this</span><span class="o">.</span><span class="nx">configConstrainToViewport</span><span class="o">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span><span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">checkBoolean</span><span class="o">,</span>
|
|
<span class="nx">supercedes</span><span class="o">:[</span><span class="s2">"iframe"</span><span class="o">,</span><span class="s2">"x"</span><span class="o">,</span><span class="s2">"y"</span><span class="o">,</span><span class="s2">"xy"</span><span class="o">]</span>
|
|
<span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config position</span>
|
|
<span class="c"> * @description String indicating how a menu should be positioned on the </span>
|
|
<span class="c"> * screen. Possible values are "static" and "dynamic." Static menus are </span>
|
|
<span class="c"> * visible by default and reside in the normal flow of the document </span>
|
|
<span class="c"> * (CSS position: static). Dynamic menus are hidden by default, reside </span>
|
|
<span class="c"> * out of the normal flow of the document (CSS position: absolute), and </span>
|
|
<span class="c"> * can overlay other elements on the screen.</span>
|
|
<span class="c"> * @default dynamic</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"position"</span><span class="o">,</span>
|
|
<span class="o">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="s2">"dynamic"</span><span class="o">,</span>
|
|
<span class="nx">handler</span><span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">configPosition</span><span class="o">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_checkPosition</span><span class="o">,</span>
|
|
<span class="nx">supercedes</span><span class="o">:</span> <span class="o">[</span><span class="s2">"visible"</span><span class="o">]</span>
|
|
<span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config submenualignment</span>
|
|
<span class="c"> * @description Array defining how submenus should be aligned to their </span>
|
|
<span class="c"> * parent menu item. The format is: [itemCorner, submenuCorner]. By default</span>
|
|
<span class="c"> * a submenu's top left corner is aligned to its parent menu item's top </span>
|
|
<span class="c"> * right corner.</span>
|
|
<span class="c"> * @default ["tl","tr"]</span>
|
|
<span class="c"> * @type Array</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span><span class="s2">"submenualignment"</span><span class="o">,</span> <span class="o">{</span> <span class="nx">value</span><span class="o">:</span> <span class="o">[</span><span class="s2">"tl"</span><span class="o">,</span><span class="s2">"tr"</span><span class="o">]</span> <span class="o">}</span> <span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config autosubmenudisplay</span>
|
|
<span class="c"> * @description Boolean indicating if submenus are automatically made </span>
|
|
<span class="c"> * visible when the user mouses over the menu's items.</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"autosubmenudisplay"</span><span class="o">,</span>
|
|
<span class="o">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">oConfig</span><span class="o">.</span><span class="nx">checkBoolean</span>
|
|
<span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config showdelay</span>
|
|
<span class="c"> * @description Number indicating the time (in milliseconds) that should </span>
|
|
<span class="c"> * expire before a submenu is made visible when the user mouses over </span>
|
|
<span class="c"> * the menu's items.</span>
|
|
<span class="c"> * @default 0</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"showdelay"</span><span class="o">,</span>
|
|
<span class="o">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">oConfig</span><span class="o">.</span><span class="nx">checkNumber</span>
|
|
<span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config hidedelay</span>
|
|
<span class="c"> * @description Number indicating the time (in milliseconds) that should </span>
|
|
<span class="c"> * expire before the menu is hidden.</span>
|
|
<span class="c"> * @default 0</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"hidedelay"</span><span class="o">,</span>
|
|
<span class="o">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">oConfig</span><span class="o">.</span><span class="nx">checkNumber</span><span class="o">,</span>
|
|
<span class="nx">handler</span><span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">configHideDelay</span><span class="o">,</span>
|
|
<span class="nx">suppressEvent</span><span class="o">:</span> <span class="kc">true</span>
|
|
<span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config clicktohide</span>
|
|
<span class="c"> * @description Boolean indicating if the menu will automatically be </span>
|
|
<span class="c"> * hidden if the user clicks outside of it.</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">oConfig</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"clicktohide"</span><span class="o">,</span>
|
|
<span class="o">{</span>
|
|
<span class="nx">value</span><span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
<span class="nx">validator</span><span class="o">:</span> <span class="nx">oConfig</span><span class="o">.</span><span class="nx">checkBoolean</span>
|
|
<span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @config container</span>
|
|
<span class="c"> * @description HTML element reference or string specifying the id </span>
|
|
<span class="c"> * attribute of the HTML element that the menu's markup should be rendered into.</span>
|
|
<span class="c"> * @type <a href="http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/</span>
|
|
<span class="c"> * level-one-html.html#ID-58190037">HTMLElement</a>|String</span>
|
|
<span class="c"> * @default document.body</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">addProperty</span><span class="o">(</span>
|
|
<span class="s2">"container"</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">value</span><span class="o">:</span><span class="nb">document</span><span class="o">.</span><span class="nx">body</span><span class="o">,</span> <span class="nx">handler</span><span class="o">:</span><span class="k">this</span><span class="o">.</span><span class="nx">configContainer</span> <span class="o">}</span>
|
|
<span class="o">);</span>
|
|
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">});</span> <span class="c">// END YAHOO.extend</span>
|
|
<span class="c"></span>
|
|
<span class="o">})();</span>
|
|
</pre></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="yui-b">
|
|
<div class="nav">
|
|
|
|
<div class="module">
|
|
<h4>Modules</h4>
|
|
<ul class="content">
|
|
<li><a href="module_animation.html">animation</a></li>
|
|
<li><a href="module_autocomplete.html">autocomplete</a></li>
|
|
<li><a href="module_calendar.html">calendar</a></li>
|
|
<li><a href="module_connection.html">connection</a></li>
|
|
<li><a href="module_container.html">container</a></li>
|
|
<li><a href="module_dom.html">dom</a></li>
|
|
<li><a href="module_dragdrop.html">dragdrop</a></li>
|
|
<li><a href="module_event.html">event</a></li>
|
|
<li><a href="module_logger.html">logger</a></li>
|
|
<li><a href="module_menu.html">menu</a></li>
|
|
<li><a href="module_slider.html">slider</a></li>
|
|
<li><a href="module_tabview.html">tabview</a></li>
|
|
<li><a href="module_treeview.html">treeview</a></li>
|
|
<li><a href="module_yahoo.html">yahoo</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="module">
|
|
<h4>Classes</h4>
|
|
<ul class="content">
|
|
<li><a href="YAHOO.widget.ContextMenu.html">YAHOO.widget.ContextMenu</a></li>
|
|
<li><a href="YAHOO.widget.ContextMenuItem.html">YAHOO.widget.ContextMenuItem</a></li>
|
|
<li><a href="YAHOO.widget.Menu.html">YAHOO.widget.Menu</a></li>
|
|
<li><a href="YAHOO.widget.Menubar.html">YAHOO.widget.Menubar</a></li>
|
|
<li><a href="YAHOO.widget.MenuBarItem.html">YAHOO.widget.MenuBarItem</a></li>
|
|
<li><a href="YAHOO.widget.MenuItem.html">YAHOO.widget.MenuItem</a></li>
|
|
<li><a href="YAHOO.widget.MenuManager.html">YAHOO.widget.MenuManager</a></li>
|
|
<li><a href="YAHOO.widget.MenuModule.html">YAHOO.widget.MenuModule</a></li>
|
|
<li><a href="YAHOO.widget.MenuModuleItem.html">YAHOO.widget.MenuModuleItem</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="module">
|
|
<h4>Files</h4>
|
|
<ul class="content">
|
|
<li><a href="contextmenu.js.html">contextmenu.js</a></li>
|
|
<li><a href="contextmenuitem.js.html">contextmenuitem.js</a></li>
|
|
<li><a href="menu.js.html">menu.js</a></li>
|
|
<li><a href="menubar.js.html">menubar.js</a></li>
|
|
<li><a href="menubaritem.js.html">menubaritem.js</a></li>
|
|
<li><a href="menuitem.js.html">menuitem.js</a></li>
|
|
<li><a href="menumanager.js.html">menumanager.js</a></li>
|
|
<li><a href="menumodule.js.html">menumodule.js</a></li>
|
|
<li><a href="menumoduleitem.js.html">menumoduleitem.js</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ft">
|
|
<hr />
|
|
Copyright © 2006 Yahoo! Inc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|