obout inc - ASP.NET EasyMenu - Tutorials

How To use attachToControl and detachFromControl

EasyMenu provides two JavaScript functions that can be used to attach to or detach from an element at client side:

attachToControl - has the following syntax:
ob_em_EasyMenuID.attachToControl('ID')

detachFromControl - method has the following syntax:
ob_em_EasyMenuID.detachFormControl('ID')

Note: EasyMenuID is the id of the EasyMenu we want to attach/detach, and ID is the id of the element we want to attach to/detach from.

Test pressing the buttons below and see how they affect the menu attached to the gray square:

Here is the code for the buttons:
<input type="button" value="Attach First SubMenu" onclick="ob_em_EasyMenu2.attachToControl('menuItem2');">
<input type="button" value="Detach First SubMenu" onclick="ob_em_EasyMenu2.detachFromControl('menuItem2');">
<input type="button" value="Attach Second SubMenu" onclick="ob_em_EasyMenu3.attachToControl('menuItem5');">
<input type="button" value="Detach Second SubMenu" onclick="ob_em_EasyMenu3.detachFromControl('menuItem5');">
<input type="button" value="Attach Main EasyMenu" onclick="ob_em_EasyMenu1.attachToControl('div1');">
<input type="button" value="Detach Main EasyMenu" onclick="ob_em_EasyMenu1.detachFromControl('div1');">

Notes:

· If you want to attach/detach an EasyMenu to/from more than one element, you will need to specify the elements separately. You will need to use
ob_em_EasyMenu1.attachToControl('div1'); ob_em_EasyMenu1.attachToControl('div2');
ob_em_EasyMenu1.detachFromControl('div1'); ob_em_EasyMenu1.detachFromControl('div2');

· You may also see other examples for attachToControl and detachFromControl.

Please visit HOW-TO and Help page for any questions.

"I like your site and think your controls are amazing."

Vaughn Haybittle