Recent Questions
Q: Thanks for your reply, I have another question as follow, I find the tree menu just expand one tree item, if I have expanded one tree when I click it, whether I click another tree to expand it's item and the before expanded tree are maintain expanded, I don't want to close it?
A: Use the following parameters:
var tcloseExpanded = 0; - Enables the mode when 1 item only can be expanded.
0 - disabled, 1 - enabled.
var tcloseExpandedXP = 0; - Enables the mode when 1 submenu only can be expanded (XP-style).
0 - disabled, 1 - enabled.
You can also try to set the following parameter:
var texpandItemClick = 1; - 0 - expand items on a [+]-button click only;
1 - expand items on a mouse click.
See more info about menu parameters here:
http://deluxe-tree.com/parameters-info.html
Q: Would it be possible at some point to introduce more font decoration options to the mouseover variables, I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.
A: Unfortunately, Deluxe Menu doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.
You should addthe following code in your data file:
function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}
var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],
Q: How do I set the width of sub menu items to be the same width as the parent horizontal dhtml menu item? I can see how to set a px or % width, and when the at least one sub menu item exceeds the parent item the the entire menu stretches to that width (which is fine), but what about the instance where the sub menu items are not as wide as the parent item - in this case, the sub menu is not as wide as the parent item, which looks odd. Is there any way to force it to be (at least) the same width as the parent item?
I hope this is all clear to you, if not, please give me a shout for clarification.
A: You can set exact width for your top items using Individual Item Styles and set submenu width usingIndividual Submenu Style.
You should also set the following parameter:
var noWrap=0;Q: I'm looking at evaluating your Deluxe menu software for inclusion in our current web based software solution and am particularly taken with the 'Ajax style' loading.
Could you please answer a couple of questions with respect to that.
At what point does it load those file ¦ initially when menu is drawn (so multiple small hits to app server) or when the user selects the menu? Does the link href *have* to be a .js file ¦ or can it be any valid file type that returns the correct data? I have to generate the menu options dynamically from a DB and therefore really need to include a JSP style file.
Our current menu system (made up of 4 levels deep contains over 300 links, which is why I want to minimise server hit as much as possible!
A: It loads when the user move his mouse above the menu items.
You can use any extension for these files. But the file structureshould be the same as in our example.