Recent Questions Tree Menu Js Example
Q: I just purchased your multiple site bundle and have a menu question.
I need to create a menu for a site that has the top level menu have no border but I want any of the sub menu popups to have a border around them (or a different background color for the menu area for the popup). I can not see a way to do this? If a put a menu border on it appears on both the top level and any submenu popups.
A: You should use Individual Item Styles.
You should set the following parameters:
1) var menuBorderWidth=0;
2) Create Submenu Style
var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#7E5927"], //style 0
];
You can do it in Deluxe Tuner. Click "Edit Individual Styles" and thenchoose "Submenu Styles" tab.
3) Assign Individual Style for your submenus.
You can assign them only for the first item in each submenu.
For example:
var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "0", "", ], //style 0
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ], ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", ], //style 0
["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", ],
Q: One other issue I am having if you don't mind helping. On my web site when I run the menu I get an Errors on page message with the following
Line: 16
Char: 18132
Error: Access is denied.
Code: 0
URL: http://www.site.id.au/left_frame.htm
When I run the site from my local PC with the menu, I don't get this error?
Could you possibly suggest why? I can't find anything on your site.
A: Try to check all you paths.
original setting:
var tmenuBackImage="";
var titemBackImage=["",""];
changed to:
var tmenuBackImage="images/blank.gif";
var titemBackImage=["images/blank.gif","images/blank.gif"];
Try to specify units in "px".
var tmenuWidth = "180px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
You should set this parameter:
var tmenuHeight = "auto";
Now you have such parameters in the menu:
["||24","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
["||30 Days","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ], ["||Battlestar Galactica","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],
["||Blade","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/blade.htm", , , , , "main_frame", , , , , ],
["||Eureka","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/eureka.htm", , , , , "main_frame", , , , , ],
["||I Pity the Fool","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/ipitythefool.htm", , , , , "main_frame", , , , , ],
You cannot use local paths on your website.
Please, correct it. <
br>You should write for example: ["||24","site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
["||30 Days","site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],
["||Battlestar Galactica","site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],
Try to use also the attached engine .js files on your server.
Q: Can I expand a dynamic tree menu from a link in my html page?
A: Yes, it's possible, please see
http://www.deluxe-tree.com/functions-info.html
function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_getItemIDByIndex (menuInd, itemInd)
Q: How can I make the 'hand' icon appear when someone moves their mouse over an item in the javascript menu open?
A: You should set the following parameter:
var itemCursor="pointer";
