Recent Questions Sample Menu Treeview Powerbuilder
Q: I have generated my navigation menu bar and want to incorporate it into my current website.
How do I resize and position the navigational menu inside a table?
A: 1) Resize:
You could specify exact width for menu using that parameter:
var menuWidth="400px";
You can also set exact width for each top item using Individual Item Styles:
var itemStyles = [ ["itemWidth=120px"],];
var menuItems = [ ["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];
2) Position the navigational menu inside a table:
You can paste the menu inside the <div> or <table> tag, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>
Q: Is it possible to make the menuitems rightclickable in the latest version of javascript dhtml menu. I want to rightclick on the dropdown item and choose open in new window.
A: No, there is no such a feature in JavaScript Tree Menu v3.2.7.
You can write your item in the following way:
["|<a href='http://www.domain.com'>test test test</a>",""],
But you should assign style for this link.
A.link {
...
}
A.link:hover {
...
}Q: I\'m testing out your menu system and I have a question regarding one of our current menu item\'s functionality.
Currently, I have a menu item that performs an onclick window.open function so that it opens a popup window at a certain size and with certain parameters.
Is it possible to have similar functionality with an item on your menu system?
A: You should use a Javascript code with a link field so:
["Text", "javascript:window.open('../Help/Text_Index.htm', 'Help', 'height=450,width=600,scrollbars');"]
Q: I want to activate script pop up by a hyperlink.
A: Drop down menu items is an array of arrays. It has the following structure:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];
where target is target for an item link.
Available values: _self, _blank, _parent, _search, _top.
So you can set the target value _blank for the items you need.
For example:
var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
["|Features","http://deluxe-menu.com", "", "", "", "_blank", "", "", "", "", "", ],
["|Installation","", "", "", "", "", "", "", "", "", "", ],
["|Dynamic Functions","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "", "", "", "", "", ],
];
More info you can find here:
http://deluxe-menu.com/menu-items-info.html