Recent Questions Extjs Tree Menu West
Q: I am evaluating your fine menu builder application.
Please let me know the following:
a) How could I call a script instead of specifying a link?
["|Product A","http://dhtml-menu.com","","","",,"0",],
b) If the above is possible, please let me know how, in the called script, I could know where the call to the script come from.
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
Q: I used the drop menu creator to create a simple tab example, and I created a simple HTML file to display the tabs. It initially appears fine when the page first displays (e.g., the correct div is hidden), but when I *first* click on a tab I always get a javascript error deep in the .js code. Then I click around a bit between the tabs and get some display problems (no more javascript errors though), until finally the show/hide logic recovers and all looks ok.
The error I initially get is something like “tabs[…].id is not an object”. I have the IE7 debugger turned on, otherwise I might not ever see this error.
FYI, I tried your example menus on your web site and everything is fine! Maybe the .js files on your web site are not the same as those created by the generator?
A: You should set the following parameter in drop menu creator:
var bselectedSmItem=0;
Q: Can a menu item that expands the submenu items when selected also work as a link?
A: Actually you cannot use links for the top items in the XP Style.
But you can write:
["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home'>About Us</a>","", "", "", "", "", "", "0", "", ],
["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],
And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}
But in that case the submenu and link open when you press "About Us" item. I think that it is not verygood behaviour. You can also try to specify target parameter
["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="_blank">About Us</a>","", "", "", "", "", "", "0", "", ],
["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],
Q: Is there a way to hide a menu options using either CSS or the java api based on the site user for the mouseover menu?
A: JavaScript Tree Menu supports Javascript API.
You can find more info here:
http://deluxe-menu.com/dynamic-functions-sample.html
You can try to use API functions in that case:
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)
To disable items you should set the target parameter to "_".
You can try to use the following function
function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.
