Yahoo! UI Library

Menu  2.5.2

Yahoo! UI Library > menu > YAHOO.widget.Menu

Show Private Show Protected

Class YAHOO.widget.Menu - extends YAHOO.widget.Overlay

Known Subclasses:
YAHOO.widget.MenuBar YAHOO.widget.ContextMenu
The Menu class creates a container that holds a vertical list representing a set of options or commands. Menu is the base class for all menu containers.

Constructor

YAHOO.widget.Menu ( p_oElement , p_oConfig )
Parameters:
p_oElement <String> String specifying the id attribute of the <div> element of the menu.
p_oElement <String> String specifying the id attribute of the <select> element to be used as the data source for the menu.
p_oElement <HTMLDivElement> Object specifying the <div> element of the menu.
p_oElement <HTMLSelectElement> Object specifying the <select> element to be used as the data source for the menu.
p_oConfig <Object> Optional. Object literal specifying the configuration for the menu. See configuration class documentation for more details.

Properties

activeItem - YAHOO.widget.MenuItem

Object reference to the item in the menu that has is selected.
Default Value: null

CSS_CLASS_NAME - final String

String representing the CSS class(es) to be applied to the menu's <div> element.
Default Value: "yuimenu"

GROUP_TITLE_TAG_NAME - final String

String representing the tagname of the HTML element used to title the menu's item groups.
Default Value: H6

ITEM_TYPE - final YAHOO.widget.MenuItem

Object representing the type of menu item to instantiate and add when parsing the child nodes (either <li> element, <optgroup> element or <option>) of the menu's source HTML element.
Default Value: YAHOO.widget.MenuItem

itemData - Array

Array of items to be added to the menu. The array can contain strings representing the text for each item to be created, object literals representing the menu item configuration properties, or MenuItem instances. This property should be set via the constructor using the configuration object literal.
Default Value: null

lazyLoad - Boolean

Boolean indicating if the menu's "lazy load" feature is enabled. If set to "true," initialization and rendering of the menu's items will be deferred until the first time it is made visible. This property should be set via the constructor using the configuration object literal.
Default Value: false

OFF_SCREEN_POSITION - final Array

Array representing the default x and y position that a menu should have when it is positioned outside the viewport by the "poistionOffScreen" method.
Default Value: [-10000, -10000]

parent - YAHOO.widget.MenuItem

Object reference to the menu's parent menu or menu item. This property can be set via the constructor using the configuration object literal.
Default Value: null

srcElement - HTMLSelectElement|HTMLDivElement

Object reference to the HTML element (either <select> or <div>) used to create the menu.
Default Value: null

Properties inherited from YAHOO.widget.Module:

body, browser, cfg, contructor, element, footer, header, id, imageRoot, isSecure, platform

Properties inherited from YAHOO.widget.Overlay:

Methods

addItem

YAHOO.widget.MenuItem addItem ( p_oItem , p_nGroupIndex )
Appends an item to the menu.
Parameters:
p_oItem <YAHOO.widget.MenuItem> Object reference for the MenuItem instance to be added to the menu.
p_oItem <String> String specifying the text of the item to be added to the menu.
p_oItem <Object> Object literal containing a set of menu item configuration properties.
p_nGroupIndex <Number> Optional. Number indicating the group to which the item belongs.
Returns: YAHOO.widget.MenuItem

addItems

Array addItems ( p_aItems , p_nGroupIndex )
Adds an array of items to the menu.
Parameters:
p_aItems <Array> Array of items to be added to the menu. The array can contain strings specifying the text for each item to be created, object literals specifying each of the menu item configuration properties, or MenuItem instances.
p_nGroupIndex <Number> Optional. Number specifying the group to which the items belongs.
Returns: Array

blur

void blur ( )
Causes the menu to lose focus and fires the "blur" event.
Returns: void

clearActiveItem

void clearActiveItem ( p_bBlur )
Sets the "selected" configuration property of the menu's active item to "false" and hides the item's submenu.
Parameters:
p_bBlur <Boolean> Boolean indicating if the menu's active item should be blurred.
Returns: void

clearContent

void clearContent ( )
Removes all of the content from the menu, including the menu items, group titles, header and footer.
Returns: void

configClassName

void configClassName ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "classname" configuration property of a menu changes.
Parameters:
p_sType <String> The name of the event that was fired.
p_aArgs <Array> Collection of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> The Menu instance fired the event.
Returns: void

configContainer

void configContainer ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "container" configuration property of the menu changes.
Parameters:
p_sType <String> String representing the name of the event that was fired.
p_aArgs <Array> Array of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> Object representing the menu that fired the event.
Returns: void

configDisabled

void configDisabled ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "disabled" configuration property of a menu changes.
Parameters:
p_sType <String> The name of the event that was fired.
p_aArgs <Array> Collection of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> The Menu instance fired the event.
Returns: void

configHideDelay

void configHideDelay ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "hidedelay" configuration property of the menu changes.
Parameters:
p_sType <String> String representing the name of the event that was fired.
p_aArgs <Array> Array of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> Object representing the menu that fired the event.
Returns: void

configIframe

void configIframe ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "iframe" configuration property of the menu changes.
Parameters:
p_sType <String> String representing the name of the event that was fired.
p_aArgs <Array> Array of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> Object representing the menu that fired the event.
Returns: void

configMaxHeight

void configMaxHeight ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "maxheight" configuration property of a Menu changes.
Parameters:
p_sType <String> The name of the event that was fired.
p_aArgs <Array> Collection of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> The Menu instance fired the event.
Returns: void

configPosition

void configPosition ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "position" configuration property of the menu changes.
Parameters:
p_sType <String> String representing the name of the event that was fired.
p_aArgs <Array> Array of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> Object representing the menu that fired the event.
Returns: void

configVisible

void configVisible ( p_sType , p_aArgs , p_oMenu )
Event handler for when the "visible" configuration property the menu changes.
Parameters:
p_sType <String> String representing the name of the event that was fired.
p_aArgs <Array> Array of arguments sent when the event was fired.
p_oMenu <YAHOO.widget.Menu> Object representing the menu that fired the event.
Returns: void

destroy

void destroy ( )
Removes the menu's <div> element (and accompanying child nodes) from the document.
Returns: void

enforceConstraints

void enforceConstraints ( type , args , obj )
The default event handler executed when the moveEvent is fired, if the "constraintoviewport" configuration property is set to true.
Parameters:
type <String> The name of the event that was fired.
args <Array> Collection of arguments sent when the event was fired.
obj <Array> Array containing the current Menu instance and the item that fired the event.
Returns: void

focus

void focus ( )
Causes the menu to receive focus and fires the "focus" event.
Returns: void

getItem

YAHOO.widget.MenuItem getItem ( p_nItemIndex , p_nGroupIndex )
Returns the item at the specified index.
Parameters:
p_nItemIndex <Number> Number indicating the ordinal position of the item to be retrieved.
p_nGroupIndex <Number> Optional. Number indicating the group to which the item belongs.
Returns: YAHOO.widget.MenuItem

getItemGroups

Array getItemGroups ( )
Multi-dimensional Array representing the menu items as they are grouped in the menu.
Returns: Array

getItems

Array getItems ( )
Returns an array of all of the items in the menu.
Returns: Array

getRoot

void getRoot ( )
Finds the menu's root menu.
Returns: void

getSubmenus

Array getSubmenus ( )
Returns an array of all of the submenus that are immediate children of the menu.
Returns: Array

hasFocus

Boolean hasFocus ( )
Returns a boolean indicating whether or not the menu has focus.
Returns: Boolean

init

void init ( p_oElement , p_oConfig )
The Menu class's initialization method. This method is automatically called by the constructor, and sets up all DOM references for pre-existing markup, and creates required markup if it is not already present.
Parameters:
p_oElement <String> String specifying the id attribute of the <div> element of the menu.
p_oElement <String> String specifying the id attribute of the <select> element to be used as the data source for the menu.
p_oElement <HTMLDivElement> Object specifying the <div> element of the menu.
p_oElement <HTMLSelectElement> Object specifying the <select> element to be used as the data source for the menu.
p_oConfig <Object> Optional. Object literal specifying the configuration for the menu. See configuration class documentation for more details.
Returns: void

initDefaultConfig

void initDefaultConfig ( )
Initializes the class's configurable properties which can be changed using the menu's Config object ("cfg").
Returns: void

initEvents

void initEvents ( )
Initializes the custom events for the menu.
Returns: void

insertItem

YAHOO.widget.MenuItem insertItem ( p_oItem , p_nItemIndex , p_nGroupIndex )
Inserts an item into the menu at the specified index.
Parameters:
p_oItem <YAHOO.widget.MenuItem> Object reference for the MenuItem instance to be added to the menu.
p_oItem <String> String specifying the text of the item to be added to the menu.
p_oItem <Object> Object literal containing a set of menu item configuration properties.
p_nItemIndex <Number> Number indicating the ordinal position at which the item should be added.
p_nGroupIndex <Number> Optional. Number indicating the group to which the item belongs.
Returns: YAHOO.widget.MenuItem

onRender

void onRender ( p_sType , p_aArgs )
"render" event handler for the menu.
Parameters:
p_sType <String> String representing the name of the event that was fired.
p_aArgs <Array> Array of arguments sent when the event was fired.
Returns: void

positionOffScreen

void positionOffScreen ( )
Positions the menu outside of the boundaries of the browser's viewport. Called automatically when a menu is hidden to ensure that it doesn't force the browser to render uncessary scrollbars.
Returns: void

removeItem

YAHOO.widget.MenuItem removeItem ( p_oObject , p_nGroupIndex )
Removes the specified item from the menu.
Parameters:
p_oObject <YAHOO.widget.MenuItem> Object reference for the MenuItem instance to be removed from the menu.
p_oObject <Number> Number specifying the index of the item to be removed.
p_nGroupIndex <Number> Optional. Number specifying the group to which the item belongs.
Returns: YAHOO.widget.MenuItem

setInitialFocus

void setInitialFocus ( )
Sets focus to the menu's first enabled item.
Returns: void

setInitialSelection

void setInitialSelection ( )
Sets the "selected" configuration property of the menu's first enabled item to "true."
Returns: void

setItemGroupTitle

void setItemGroupTitle ( p_sGroupTitle , p_nGroupIndex )
Sets the title of a group of menu items.
Parameters:
p_sGroupTitle <String> String specifying the title of the group.
p_nGroupIndex <Number> Optional. Number specifying the group to which the title belongs.
Returns: void

subscribe

void subscribe ( p_type , p_fn , p_obj , p_override )
Adds the specified CustomEvent subscriber to the menu and each of its submenus.
Parameters:
p_type <string> the type, or name of the event
p_fn <function> the function to exectute when the event fires
p_obj <Object> An object to be passed along when the event fires
p_override <boolean> If true, the obj passed in becomes the execution scope of the listener
Returns: void

toString

String toString ( )
Returns a string representing the menu.
Returns: String

Methods inherited from YAHOO.widget.Module:

appendToBody, appendToFooter, appendToHeader, configMonitorResize, configVisible, destroy, hide, init, initDefaultConfig, initEvents, initResizeMonitor, onDomResize, render, setBody, setFooter, setHeader, show, toString

Methods inherited from YAHOO.widget.Overlay:

align, bringToTop, center, configConstrainToViewport, configContext, configFixedCenter, configHeight, configIframe, configVisible, configWidth, configX, configXY, configY, configzIndex, destroy, doCenterOnDOMEvent, enforceConstraints, getConstrainedXY, hideIframe, hideMacGeckoScrollbars, init, initDefaultConfig, initEvents, moveTo, onDomResize, showIframe, showMacGeckoScrollbars, stackIframe, syncIframe, syncPosition, toString

Events

clickEvent

clickEvent ( )
Fires when the user clicks the on the menu. Passes back the DOM Event object as an argument.

itemAddedEvent

itemAddedEvent ( )
Fires when an item is added to the menu.

itemRemovedEvent

itemRemovedEvent ( )
Fires when an item is removed to the menu.

keyDownEvent

keyDownEvent ( )
Fires when the user presses a key when one of the menu's items has focus. Passes back the DOM Event object as an argument.

keyPressEvent

keyPressEvent ( )
Fires when the user presses an alphanumeric key when one of the menu's items has focus. Passes back the DOM Event object as an argument.

keyUpEvent

keyUpEvent ( )
Fires when the user releases a key when one of the menu's items has focus. Passes back the DOM Event object as an argument.

mouseDownEvent

mouseDownEvent ( )
Fires when the user mouses down on the menu. Passes back the DOM Event object as an argument.

mouseOutEvent

mouseOutEvent ( )
Fires when the mouse has left the menu. Passes back the DOM Event object as an argument.

mouseOverEvent

mouseOverEvent ( )
Fires when the mouse has entered the menu. Passes back the DOM Event object as an argument.

mouseUpEvent

mouseUpEvent ( )
Fires when the user releases a mouse button while the mouse is over the menu. Passes back the DOM Event object as an argument.

Events inherited from YAHOO.widget.Module:

appendEvent, beforeHideEvent, beforeInitEvent, beforeRenderEvent, beforeShowEvent, changeBodyEvent, changeContentEvent, changeFooterEvent, changeHeaderEvent, destroyEvent, hideEvent initEvent renderEvent showEvent YAHOO.widget.Module.textResizeEvent

Events inherited from YAHOO.widget.Overlay:

beforeMoveEvent, moveEvent, YAHOO.widget.Overlay.windowResizeEvent, YAHOO.widget.Overlay.windowScrollEvent,

Configuration Attributes

autosubmenudisplay - Boolean

Boolean indicating if submenus are automatically made visible when the user mouses over the menu's items.
Default Value: true

classname - String

String representing the CSS class to be applied to the menu's root <div> element. The specified class(es) are appended in addition to the default class as specified by the menu's CSS_CLASS_NAME constant. When set this property is automatically applied to all submenus.
Default Value: null

clicktohide - Boolean

Boolean indicating if the menu will automatically be hidden if the user clicks outside of it. This property is only applied when the "position" configuration property is set to dynamic and is automatically applied to all submenus.
Default Value: true

constraintoviewport - Boolean

Boolean indicating if the menu will try to remain inside the boundaries of the size of viewport. This property is only applied when the "position" configuration property is set to dynamic and is automatically applied to all submenus.
Default Value: true

container - HTMLElement|String

HTML element reference or string specifying the id attribute of the HTML element that the menu's markup should be rendered into.
Default Value: document.body

context - Array

Array of context arguments for context-sensitive positioning. The format is: [id or element, element corner, context corner]. For example, setting this property to ["img1", "tl", "bl"] would align the Mnu's top left corner to the context element's bottom left corner. This property is only applied when the "position" configuration property is set to dynamic.
Default Value: null

disabled - Boolean

Boolean indicating if the menu should be disabled. Disabling a menu disables each of its items. (Disabled menu items are dimmed and will not respond to user input or fire events.) Disabled menus have a corresponding "disabled" CSS class applied to their root <div> element.
Default Value: false

effect - Object

Object or array of objects representing the ContainerEffect classes that are active for animating the container. When set this property is automatically applied to all submenus.
Default Value: null

fixedcenter - Boolean

Boolean indicating if the Menu should be anchored to the center of the viewport. This property is only applied when the "position" configuration property is set to dynamic.
Default Value: false

hidedelay - Number

Number indicating the time (in milliseconds) that should expire before the menu is hidden. This property is only applied when the "position" configuration property is set to dynamic and is automatically applied to all submenus.
Default Value: 0

iframe - Boolean

Boolean indicating whether or not the Menu should have an IFRAME shim; used to prevent SELECT elements from poking through an Overlay instance in IE6. When set to "true", the iframe shim is created when the Menu instance is intially made visible. This property is only applied when the "position" configuration property is set to dynamic and is automatically applied to all submenus.
Default Value: true for IE6 and below, false for all other browsers.

maxheight - Number

Number defining the maximum height (in pixels) for a menu's body element (<div class="bd"<). Once a menu's body exceeds this height, the contents of the body are scrolled to maintain this value. This value cannot be set lower than the value of the "minscrollheight" configuration property.
Default Value: 0

minscrollheight - Number

Number defining the minimum threshold for the "maxheight" configuration property. When set this property is automatically applied to all submenus.
Default Value: 90

position - String

String indicating how a menu should be positioned on the screen. Possible values are "static" and "dynamic." Static menus are visible by default and reside in the normal flow of the document (CSS position: static). Dynamic menus are hidden by default, reside out of the normal flow of the document (CSS position: absolute), and can overlay other elements on the screen.
Default Value: dynamic

scrollincrement - Number

Number used to control the scroll speed of a menu. Used to increment the "scrollTop" property of the menu's body by when a menu's content is scrolling. When set this property is automatically applied to all submenus.
Default Value: 1

showdelay - Number

Number indicating the time (in milliseconds) that should expire before a submenu is made visible when the user mouses over the menu's items. This property is only applied when the "position" configuration property is set to dynamic and is automatically applied to all submenus.
Default Value: 250

submenualignment - Array

Array defining how submenus should be aligned to their parent menu item. The format is: [itemCorner, submenuCorner]. By default a submenu's top left corner is aligned to its parent menu item's top right corner.
Default Value: ["tl","tr"]

submenuhidedelay - Number

Number indicating the time (in milliseconds) that should expire before a submenu is hidden when the user mouses out of a menu item heading in the direction of a submenu. The value must be greater than or equal to the value specified for the "showdelay" configuration property. This property is only applied when the "position" configuration property is set to dynamic and is automatically applied to all submenus.
Default Value: 250

visible - Boolean

Boolean indicating whether or not the menu is visible. If the menu's "position" configuration property is set to "dynamic" (the default), this property toggles the menu's <div> element's "visibility" style property between "visible" (true) or "hidden" (false). If the menu's "position" configuration property is set to "static" this property toggles the menu's <div> element's "display" style property between "block" (true) or "none" (false).
Default Value: false

x - Number

Number representing the absolute x-coordinate position of the Menu. This property is only applied when the "position" configuration property is set to dynamic.
Default Value: null

xy - Number[]

Array of the absolute x and y positions of the Menu. This property is only applied when the "position" configuration property is set to dynamic.
Default Value: null

y - Number

Number representing the absolute y-coordinate position of the Menu. This property is only applied when the "position" configuration property is set to dynamic.
Default Value: null

zindex - Number

Number representing the CSS z-index of the Menu. This property is only applied when the "position" configuration property is set to dynamic.
Default Value: null

Configuration attributes inherited from YAHOO.widget.Module:

appendtodocumentbody, effect, monitorresize, visible,

Configuration attributes inherited from YAHOO.widget.Overlay:

constraintoviewport, context, fixedcenter, height, iframe, width, x, xy, y, zIndex,

Modules

Classes

Files

Properties

Methods

Events

Configuration Attributes

Copyright © 2007 Yahoo! Inc. All rights reserved.