GlideMenus

Event Handlers

• Event Handlers

• Overview
• actuatorMouseover
• showMenu
• headerMouseover
• showSubMenu

Using actuatorMouseover and actuatorMouseout

These two functions, actuatorMouseover and actuatorMouseout, monitor cursor position, change the actuator's state, and, if GlideParams.CLICK_START is false, call showMenu.

What Do actuatorMouseover and actuatorMouseout Actually Do?

actuatorMouseover adds " hover" to the actuator's class attribute, or, if the actuator is an img tag, will change the src according to the GlideParams.IMG_OVER_EXT rule.

actuatorMouseout removes " hover" from the actuator's class attribute, or, if the actuator is an img tag, will return the src to what it originally was.

Example

We'll add this rule to our CSS to make the actuator turn green when the menu is hovered. The headers and actuators will stay green when the menu is open.

.hover {
    color: green;
}

Building on our "products" example, we would use:

<a href='' 
  onmouseover='actuatorMouseover(event, "products", "s",  0, 0)'
  onmouseout='actuatorMouseout("products")'
  onclick='showMenu(event, "products", "s",  0, 0); return false;'
   >Products</a>

See how it works in the example

actuatorMouseover Example

Tip: Use actuatorMouseover To Show a Menu

When GlideParams.CLICK_START is false, actuatorMouseover will call showMenu with the parameters passed in. Click here to see a diagram.