Dear surfer, Welcome to the ":: JavaScript menu CodeThatMenu is advanced, cross-browser, state-of-art JavaScript menu control ::" page of the CodeThat.Com,The content of the page can be defined as: CodeThatMenu is an advanced, cross-browser, state-of-art JavaScript menu control that can be easily integrated into any web page. It requires no JavaScript knowledge from the prospective user and comes loaded with the features everybody expects from a modern navigation menu..Most likely you found us using the keywords: "CodeThatMenu, script, menu, javascript, javascript menu, free, free javascript menu, cross-browser, html, xml, css, submenu, toolbar, dropdown, transparent".This page (and site) presumes you have JavaScript enabled and best viewed when it is enabled. Please refer to your browser's documentation to find out how you can enable the JavaScript.You may want to do it as well because we at CodeThat.Com provide these JavaScript solutions and we are useless for you unless you enable the JavaScript. Looking forward to serve you,CodeThat.Com

PRODUCTS

SUPPORT

CODETHAT

STUDIO GRID TABLE MENU TREE XPBAR HINT EDITOR TAB FORM CALENDAR SCROLLER SHOPPINGCART TREEPHP PACKER

User
Manual

Introduction Menu types Style customize Menu position Items' actions

Dynamic menu Using XML HTML code as items' text Menu from the database

Build menu in the frame Menu borders Addition features Standard vs PRO

On-line
Builder

PRO

STD

123Guide Examples Download

Themes FAQ

CODETHATMENU MANUAL

Menu Items Actions

With CodeThatMenu you can customize an action that will be performed after item click event. It may be:

execution of JS code;

jump to URL (you should select an url, link target and item hint);

JS code to execute when item is switched on/off (for boolean items only).

Whole menu item area is clickable.

Remember item's structure:

"items" : [ {
	"text" : " ",      // text to be written inside
	"style" : { },     // item style in normal state
	"styleover" : { }, // item style in "mouse over" state
	"styleon" : { },   // for bool items specifies the style when in "on" state
	"menu" : { },      // submenu
	"action" : { },
	"position" : { },
	"type" : " "       // special item type ("bool"/"separator"),
	                   // for hierarchical menu only
} ]

To describe a click action use "action" property:

"action" : {
	"js" : " "     // JS code
	"url" : " "    // go to URL
	"target" : " " // link target
	"title" : " "  // item hint
	"on" : " "     // JS code to evaluate when item is switched to on
	"off" : " "    // JS code to evaluate when item is switched to off
}

Example - Menu Items Actions

You can see an example and complete code here - Menu Items Actions Example