|
|
|
Drop Down Menu Items
Menu items are placed within data.js file.
 |
Menu Items
|
 |
Drop down 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 drop down 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.
|
UL/LI based Menu Items
|
|
UL/LI based menu item has a following structure:
<ul class="submenuStyleInd">
<li class="itemStyleInd"><a href="link" target="target" title="tip">
<img src="iconNormal"/><img src="iconOver">text</a><a href="jsFilename">...</a></li>
</ul>
Example:
<ul class="istylem0">
<li class="istylei0"><a href="http://domain.com" target="_blank" title="Item Title">
<img src="images/icon1.gif"/><img src="images/icon1_o.gif">Item Title</a><a href="info.js">...</a></li>
</ul>
|
Responsive Menu
JustAjax
What's New
Features
Installation
Deluxe Tuner GUI
Javascript API
Description of Files
Supported Browsers
Customization
Parameters
Menu Items
Individual Item Styles
Individual Submenu Styles
Functional Samples
AJAX Menu
Templates
Android Dark Menu Template
Trial Version
License Agreement
Buy Deluxe Menu
Order Non-profit License
License Types
Non-profit License
Single Site License
Developer & Enterprise
FAQ
Contacts
Customization
