GlideMenus

Event Handlers

• Event Handlers

• Overview
• actuatorMouseover
• showMenu
• headerMouseover
• showSubMenu

headerMouseover & headerMouseout

Function headerMouseover is used for a header that does not have a menu assosiated with it.

When headerMouseover is called, the active menu will close.

To understand why this is important, see what will happen if the activeMenu remains open when a header is moused-over.

Example

In the example below, there are two headers ("Home" and "Contact") and one actuator ("products"). The first header calls headerMouseover and headerMouseout, but the last header, Contact, does not (though it should).

<!-- Home header -->
<a href=''
  onmouseover='headerMouseover(this)'
  onmouseout='headerMouseout(this)'
  >Home</a>
  &nbsp;
  
<!-- Products actuator -->
<a href='' 
  onmouseover='actuatorMouseover(event, "products", "s",  0, 0)'
  onmouseout='actuatorMouseout(event, "products")'
  onclick='showMenu(event, "products", "s",  0, 0); return false;'
   >Products</a>
  &nbsp;
  
<!-- Contact header (Problem: should call headerMouseover) -->
<a href=''
  >Contact</a>

View This Example

Headers w/o menu call headerMouseover