Recent Questions
Q: How do assign my own onclick events to menu options for the dhtml menubar?
I want do more than just redirect to an href.
A: Actually you can use your own Javascript code instead standard links.
For example:
var menuItems = [
["text", "javascript:your_code_here"]
];
or
var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];
Q: Very interested by your product, I want to know, before buy, if I can call javascript function when the user click on a menu Items;
you have this example, but I want the possibility to call a javascript function in the client side :
var menuItems = [
[text, "javascript:alert('Hello, world!')", icon1, icon2],
];
Is it possible, if yes could you give the sample, because Milovic menu have a javascript:function call, what about your product ?
Thank you for the answer.
A: You're able to use Javascript for each item, for example:
var menuitems = [
["item text", "javascript:your_code_here"]
];
Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];
Unfortunately we don't have such example.
Q: Using data-visa-5.js
Trying to get the menu to start collapsed rather than fully expanded.
Thought it was the var texpanded=0 setting but doesn't seem to have any effect.
A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:
["+ Home","index.php","","","Home","","","1",""],
["+ Current Weather","","","","Current Weather","","","1",""],
["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+ WeatherForum","/forum/index.php","","","Home","","","1",""],
["+ Weather Cams","","","","Weather Cams","","","1",""],
["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+ Weather Maps","","","","Weather Maps","","","1",""],
Delete + signs from your items:
[" Home","index.php","","","Home","","","1",""],
[" Current Weather","","","","Current Weather","","","1",""],
["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
[" WeatherForum","/forum/index.php","","","Home","","","1",""],
[" Weather Cams","","","","Weather Cams","","","1",""],
["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
[" Weather Maps","","","","Weather Maps","","","1",""],
Q: I'm using the deluxe-tree; my dynamic tree menu is very long; and the page has a vertical scroll bar as a result. My question is, does the dynamic tree menu support anchors? So let's say I do mypage.aspx#mynode, and mynode is a tree-node, and happens to be on the bottom of the page, can we make it so that the user goes to that node, without him using the vertical scroll bar?
A: No, it is not possible.
But you can collapse your tree menu by default:
var texpanded=0;
and use API functions to expand the specific items based on the page you are now:
<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>
See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html