Recent Questions
Q: Pls help me with another question.
I have an horizontal menu in which the submenus drop down (as in example # 1 you have in your web).
For the first level items (which are horizontal), I do not want item spacing or itemPadding, that is:
var itemSpacing=0;
var itemPadding=0;
However, for the second and third level menu items, that drop down, I do need spacing and padding, like this:
var itemSpacing=1;
var itemPadding=1;
How can achieve this if, we have only one set of parameters??
Thank you very much and best regards
A: You should use Individual Styles.
You should set the following parameters:
var itemSpacing = 0;
var itemPadding = 0;
and create individual style for submenus
var menuStyles = [
["menuBackImage=images/subm_back.gif","itemSpacing=1","itemPadding=1"], // add Spacing and Padding to the style which is used for the third level menu items.
["columnPerSubmenu=2"],
["itemSpacing=1","itemPadding=1"], //style 2
];
You should assign this style for the second and third level menu items
["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , , , , , , , ],
["|The Deluxe Menu","http://deluxe-menu.com",
"images/icon2.gif", "images/icon2o.gif", , , , "2", , , , ], // assign Style 2
["||Features","", "images/icon3.gif", , , , "0", "0", , , , ], // assign Style 0
["|||First Column","", , , , , "0", "1", , , , ],
["|||Second Column","", , , , , "0", , , , , ],
["||Cross-frame Mode","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
["||Easy Installation","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
["|The Deluxe Tree","http://deluxe-tree.com", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...
Q: Looking at the tab menu code below, am I right in guessing what the first 6 parameters are, and can you tell me what the last 3 are forplease?
var bmenuItems = [
["-","", "", "", "", "", "", "", "", ],
["Title","...link.asp", "iconNormal", "iconMouseOver","iconSelected", "tootip", "?", "?", "?", ],
["-","", "", "", "", "", "", "", "", ],
];
A: var bmenuItems = [
[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
...
];
so it's a item_style, the last two are reserved and not used.
http://deluxe-tabs.com/product-info/?individual-item-styles
Q: I like your product a lot. These are the features that, unfortunately, cannot be done and hope that you can address them. I will place the order right away if these are resolved:
1. For each individual item, allow attaching a customized javascript to fire up "onclick" and "nomouseover".
2. Allow using a variable size icon for each item.
A: 1. You're able to use Javascript for each item, for example:
var tmenuitems = [
["item text", "javascript:your_code_here"]
];
Unfortunately, you can't assign onmouseover event to each item.
However, you can achieve this by using standard html objects withinitems, for example:
var tmenuitems = [
["<div onmouseover='your_code_here'>item text</div>", "index.html"]
];
2. DHTML Tree Menu uses constant icon size for all icons.
If you wantto use different icon dimensions, you can use standard <img>elements within items:
var tmenuitems = [
["<img src='icon.gif' width=10 height=10>item text", "index.html"]
];
Q: I need to know if all these products are search engine friendly?
If the content within the javascript menu is easily spidered and indexed.?
A: Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).