Recent Questions
Q: We are evaluating your product Deluxe Tree-menu.
We want that when user clicks an item, then load other page. This other page also conatains the tree menu. But, we are looking for how we have to do for the previously clicked menu items in java (in the previous page) remains highlighted for inform to user what is his current page/selection.
We know toggleMode feature, but after the second page loads, the clicked item does not remain higlighted.
It is possible to achieve this behavior with your product???
A: You should use API functions in that case
function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_setPressedItem (menuInd, itemID)
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: Is there a way to make the vertical drop down menu dhtml not reset after a link is clicked. Now every time I click a link in the tree menu it takes me to the linked page but all the menus re-expand.
A: When user clicks the link, the browser loads a new page and the script re-create the vertical drop down menu dhtml.
If you want to open the needed section automatically on load you can use the following:
1. Save the state to cookies
var tsaveState=0;
2. Use frames
3. Put the special script on each page of site that will open appropriate section.
(dtreet_ext_expandItem)
See more info here:
http://www.deluxe-tree.com/functions-info.html
Q: Is it correct that in javascript treeview menu you can specify your target as a different frame?
A: Yes, you can specify frame name as the target in Deluxe Tree:
var titemTarget="frame";
Q: Actually, we figured out how to adjust the alignment of the text. What we would like to do is set a specific width for each item on the top level of the menu. Right now the width of the menu is based on the length of the item in that hotspot. We would like the width of each of those options to be the same.
A: You should use individual item styles. For example:
var itemStyles = [
["itemWidth=123px"], //style 0
["itemWidth=150px"], //style 1
];
var menuItems = [
["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0
["Text","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "1", , , ], //style 1
Try that.