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: Can I ask a technical question? I am using the menu in a frameset, and I would like for the drop down menu selected branch to sty highlighted after the user moves the mouse to another window (where the menu brings up a new page), just so the user knows where he/she is. Is that possible?
A: But if you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:
var ttoggleMode=1;
var tpressedFontColor="#AAAAAA";
You can also set the following parameter to save menu state:
var tsaveState=1;
var tsavePrefix="menu1";
If you install the menu without frames. On your pages you should call the following function/functions to expand/highlight items, for example:
<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>
See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.htmlQ: Extremely new at this and likely way over my head…..but why when I attempt to use my own button image in the “itemBack Image” selection under “Edit Individual Styles” does it keep showing up blank in the preview screen?
A: Please, check all your paths.
You can also use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters.
Q: How do I turn off the transitional effects for the html menus (is there a flag)?
A: To turn off transitional effects you should set the following parameters:
var transition=-1;
var transOptions="";
var transDuration=0;
var transDuration2=0;
