|
|
|
DHTML Sliding Menu Items
Menu items are placed within data.js file.
 |
Menu Items
|
 |
Dhtml menu items is an array of arrays. This array 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 menu item. Add "|" symbols before the item text to set a level of the menu item.
For example:
Home - top-menu item with text "Home" (item level is 0).
|||My item - 3rd level item with text "My item".
To create a multi-row DHTML sliding menu add "$" symbol before the item text.
For example:
$More info
You can add any html code, for example:
var menuItems = [
....
["<nobr><input value='search the web' size=15
style='font-size:10'> </nobr> Text Text Text","","images/icons/search.gif", "", "", "", "", "2", "", "", "",],
|
link
|
|
The link of an item. You can set a direct link to your page or Javascript code.
For example:
dir/mypage.html - direct link.
javascript:alert('Hello world!') - Javascript code.
It is possible that if you have pages in various 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. Use the special parameter to avoid such a problem:
var pathPrefix_link = "global_prefix";
After you set 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 changed to:
http://mysite.com/mydir/mypage.html
|
iconNormal, iconOver
|
|
Icons of an item in normal state and mouseover states.
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 set 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 changed to:
http://mysite.com/images/myicon1.gif
http://mysite.com/images/myicon2.gif
|
tip
|
|
The hint that will be shown after you hover over an item.
|
target
|
|
The target for an item link.
Available values: _self, _blank, _parent, _search, _top
You can set a frame name as the target parameter.
Disabled items
To create the disabled item set it's target to "_".
You can appoint a text color for all disabled items using the following menu parameter:
var fontColorDisabled = "#AAAAAA";
|
itemStyleInd
|
|
Index of an individual item style, >= 0.
Use this parameter to assign individual styles for each item.
See more info about individual item styles.
|
submenuStyleInd
|
|
Index of an individual submenu style, >= 0.
You can use this parameter to assign individual styles to each submenu.
See how to use individual submenu styles.
|
jsFilename
|
|
Use this parameter if you create your menu using AJAX-technology.
jsFilename parameter sets the name of .js file on the server that contains menuItems for the submenu.
|
