Recent Questions Speed Javascript Nav Tree Load
Q: I would like to make the main bar for the menu javascripts more consistent in the spacing.
A: Try to set exact width for each top menu item using Individual Styles:
var itemStyles = [
["itemWidth=131px"], //style0
];
var menuItems = [
["home","", "", "", "", "", "0", "", "", "", "", ], //style0
["artist index","", "", "", "", "", "0", "", "", "", "", ], //style0
["the gallery","", "", "", "", "", "0", "", "", "", "", ], //style0
];Q: I want to use
function dtreet_ext_userRightClick(itemID) {
alert(itemID[0]); ???
return false;
}
But how do I refer to tmenuItems array using itemID in the javascript?
For example, if I want to pop a link text, should I use alert(itemID[0]))?
It doesn't work.
Please let me know how I refer to the menu.
A: You should use the following function to get item's info:
dtreet_ext_getItemParams (0, itemID);
For example:
<script type="text/javascript">
function dtreet_ext_userRightClick(itemID)
{ var link = [];
link = dtreet_ext_getItemParams (0, itemID);
//Returns item parameters in the array:
// [item_id, index_within_submenu, parentID, level, has_child, child_count, expanded, text, link, target, tip, align, icons, hidden, disabled, visible]
alert(link[7]);
return false;
}
</script>
Q: Is it possible that when a main button on the home page is clicked and the viewer goes to the subpage, that the navbar will expand to the correct subpage submenu? For example, I click on Agent and when the subpage loads the submenu is expanded under Agent.
I've been trying to get the javascript hide menu bar to stay highlightedwhen clicked on and directed to that page. For example when clickedon Agent, then Agent Home, once that page loads the whole javascript hide menu bar for Agent Home stays highlighted in orange. I haven't been successful, any suggestions?
A: Tree Menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API.
You can find more info on our website:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html
Q: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?
A: You can use Individual Item Style in that case.
You should create Individual Style, for example:
var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];
And assign it for top items:
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Installation","", "", "", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];
More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
