home / documentation / reference / itemclassselected

ItemClassSelected

Description:

The CSS class name that should be applied to this menu item when its child menu appears (or if it is specifically marked IsSelected).

Value:

String, "", or JavaScript expression that returns a string/"". ItemClassSelected should match an existing class name in a user-defined CSS style sheet elsewhere on the HTML page.

Applies To:

Menu Items.

Browser Compatibility:

ItemClassSelected is not supported in Netscape 4.x.

Comments:

ItemClassSelected, along with the menu, button, and other item specific class name configuration parameters, allows you to supply basic stylings for your menus (such as font families and sizes, and background/foreground color schemes) via CSS style sheets external to HierMenus. To use ItemClassSelected, you must first define a class in your style sheets. You can then apply that class name to your menu items using the ItemClassSelected configuration parameter.

Defining style sheet classes is well beyond the scope of HierMenus documentation. For further information pertaining to style sheet rules and available parameters, we refer you to the W3C's Style Sheet section.

Dimensioning parameters, including width, height, padding, and border widths, should not be included in your CSS class definition. If you use these, the results will generally be undesirable (or they will just be ignored by HierMenus).

Special care must be taken when using classes with HierMenus to ensure that HM's own configuration parameters, which are considered to be more specific than class name assignments, do not override your style sheet settings. For further details view the Using Classes mini-tutorial.

ItemClassSelected is assigned to the menu item when its child menu appears, i.e., when the menu item is intended to be displayed in a "selected" state. ItemClassSelected will also be applied to parent menu items when the user rolls over a child menu if the parent menu item's KeepHilite configuration parameter is set to true. Finally, if the menu item's IsSelected configuration parameter is set to true, then the menu item will always appear as if it is in its "selected" state.

ItemClassSelected is case sensitive.

Examples:

// Ok:
ItemClassSelected:"hm_itemselect",
ItemClassSelected:"",    // remove over class for this item
ItemClassSelected:(window.useClasses)?"hm_itemselect":"",
   // if the user defined variable "useClasses" is
   // true, use the classname hm_itemselect

// Incorrect:
ItemClassSelected:hm_itemselect,    // quotes required
ItemClassSelected:'(window.useClasses)?"hm_itemselect":""',
   // no quoted expressions

Default:

""

See Also:

MenuClass, ItemClass, ItemClassOver, ButtonClass, ButtonClassOver, ButtonClassSelected, Using Classes Mini-Tutorial