|
|
|
Menu Items
Menu items are placed within data.js file.
 |
Menu Items
|
 |
Menu items is an array of arrays. It has the following structure:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];
|
text
|
|
The text of an item. To set a level of the item add "|" symbols before the item text.
For example:
Home - top-menu menu with text "Home" (item level is 0).
|||My item - 3rd level item with text "My item".
You can create a multi-row menu. To add a new row add "$" symbol before the item text.
For example:
$Information
|
link
|
|
The link of an item. You can specify both direct link to your page and Javascript code.
For example:
dir/mypage.html - direct link.
javascript:alert('Hello world!') - Javascript code.
Sometimes when you have pages in different directories of your website, some of menu links may not work.
It happens because once you've loaded a page from the one path, the current path is changed to this one. To avoid such a problem you can use
the special menu parameter:
var pathPrefix_link = "global_prefix";
After you determined this parameter all menu links become absolute. For example:
var pathPrefix_link = "http://mysite.com/";
["Item Text", "mydir/mypage.html", ...]
So, the item link will be transformed to:
http://mysite.com/mydir/mypage.html
|
iconNormal, iconOver
|
|
Icons of an item: icon in normal state, icon in mouseover state.
Sometimes it's necessary to make all images paths absolute (for example, when you move all images into another directory
and you don't want to re-create all paths). You can use the special images prefix:
var pathPrefix_img = "global_prefix";
After you determined this parameter all images paths become absolute. For example:
var pathPrefix_img = "http://mysite.com/images/";
["Item Text", "mypage.html", "myicon1.gif", "myicon2.gif", ...]
So, images paths for this item will be transformed to:
http://mysite.com/images/myicon1.gif
http://mysite.com/images/myicon2.gif
|
tip
|
|
The hint that will be shown after putting a pointer over an item.
|
target
|
|
The target for an item link.
Available values: _self, _blank, _parent, _search, _top
You can also set a frame name as the target value.
Disabled items
If the target is "_" the item is disabled.
You can assign a font color for all disabled items using the following menu parameter:
var fontColorDisabled = "#AAAAAA";
|
itemStyleInd
|
|
Index of an individual item style, >= 0.
Using this parameter you can assign individual styles to each item.
See how to create individual item styles.
|
submenuStyleInd
|
|
Index of an individual submenu style, >= 0.
Use this parameter to assign individual styles to each submenus.
See how to create individual submenu styles.
|
jsFilename
|
|
The name of .js file on the server that contains menuItems for the submenu.
Used for AJAX-like technology.
|
Customization
