Recent Questions
Q: I've bought your products and I love them.
Now I need help on this:
When a specific webpage is loaded in the browser, how is it done, that the tree is expanded to the right state? I do not mean, when you have clicked the javascript animated menu – but when visitors come from external links on the webpage, I want to show the correct javascript animated menu-state opened.
Thank you very much for your help.
A: You should use API functions in that case
function dtreet_ext_expandItem (itemID, expand)
See more info about API functions:
http://deluxe-tree.com/functions-info.html
See the samples:
http://deluxe-tree.com/dynamic-drop-down-menu-sample.html
and
http://deluxe-tree.com/highlight-selected-menu-item-sample.html
Q: Using the example menu you have, how do i make the sub-menu for the 'Sample' menu item a multi-column and leave the 'Product Info' menu item as is.
I only want certain sub-menus to have multi-columns. I don't want all menu items to have a multi-column sub.
A: Please, see the attached example.
You should use individual styles.
var menuStyles = [
["smColumns=2"],
["smColumns=1"], //style 1
];
...
["More Samples","testlink.htm"],
["|Group 1","", , , , , "3", "1", , ], //assign style 1
Try that.
Q: Please identify the parameter I need to set to produce ... Tree menu items start out as normal text , then Bold text for tree menu items on the onmouseover event . After mouse out, text returns to normal.
A: Unfortunately, Deluxe Tree doesn't have such a feature. 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 tmenuItems = [
["<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>","", "", "", "", "", "", "", "", ],
];
Please, notice also that you should add this function every time whenyou change your menu in Deluxe Tuner application, as Tuner deletesthis function.
You can find the example here
http://deluxe-tree.com/data-templates/vista-style-7-template-sample.html
Q: My mainmenu items are not links. So i need no link cursor. My submenu item are links, so i need a pointer(hand).
How can i define 2 different cursors. I tried all the possible settings for the cursor in the program but noting works.
I tried is also with a CSS class for the submenu, but that wasn't also working.
In brief: i want an arrow cursur in my mainmenu, and an hand cursor in my submenu. With smart scroll doesn't solve my problem.
Can you give me a hint to do this.
A: Unfortunately, you can't change cursor type for different items.
But you can write so:
["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],
In all items with links you should use <a> tag.
Set this parameter:
var itemCursor="default";
