Recent Questions
Q: I need to know how to have the background in the main menutransparent, and then the sub-menu/s a different translucent color.
Or, the background for the main menu one color, and the sub-menu/s a different color..
A: To set transparent background for the menu you should set:
var menuBackColor="transparent";
var itemBackColor=["transparent","transparent"];
and use Individual Item Styles for your submenus:
var itemStyles = [
["itemBackColor=#8EE8E1,#26BBB0"], //style0
["itemBackColor=#F4B7FB,#E65AF5"], //style1
];
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", "", "", ], //style0
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "1", "", "", ], //style1
["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
["||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", "", "", "0", "", "", ], //style0
["|Dynamic Functions","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "1", "", "", ], //style0
["|Supported Browsers","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style0
["||Windows OS","", "default.files/icon3.gif", "default.files/icon3o.gif", "", "", "", "", "", ],
["||Internet Explorer","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
["||Firefox","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
["||Mozilla","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
["||Netscape","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
["||Opera","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
["||MAC OS","", "default.files/icon3.gif", "default.files/icon3o.gif", "", "", "", "", "", ],
["||Firefox","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
Q: I replaced the code you suggested and I downloaded the current version of Deluxe-Tuner. I also removed the Javascript roll-overs I had elsewhere on the page and created the text.
I still get 'Error on page' when I hover over the first java scrolling menu item.
Please help! I need to buid this site out by Monday.
A: Now you have several errors in your data file:
var menuBackColor="f9f9ec";
You should write:
var menuBackColor="#f9f9ec";
The following parameters cannot be empty:
var menuBorderWidth="0";
var itemBorderWidth="0";
It is not correct to write the java scrolling menu parameter in the following way:
var itemBorderStyle=["1px","1px"];
You should write:
var itemBorderStyle=["none","none"];
If you want to add borders in the subitems you should write:
var itemBorderWidth="1";
var itemBorderColor=["#c59d1f","#c59d1f"];
var itemBorderStyle=["solid","solid"];
And to remove border from the top items you should create Individualstyle and assign it to the top items:
var itemStyles = [
["itemBorderWidth=0","itemBorderStyle=none,none"],
];
["","", "/images/nav_OFF_01.gif", "/images/nav_ON_01.gif", "", "","0", "", "", "", "", ], //assign style 0
["","", "/images/nav_OFF_02.gif", "/images/nav_ON_02.gif", "", "", "0", "", "", "", "", ], //assign style 0
...
Q: I had to put the site live and had taken out the white border. I've used one of the better elements of your application and put a second data file (data1.js) and a sample page up that recreates the aberrant behavior in IE and the missing border-bottom in Firefox and Opera.
In IE, the entire border of each element has about a 5px white border until you mouseover each element. Then the border-bottom (1px solid white) shows correctly.
In both Firefox and Opera the border doesn't show at all.
A: Try to write so:
var absolutePos=1;
var posX="10";
var posY="400";
var itemStyles = [
["itemBorderWidth=0 0 1px 0","itemBorderStyle=solid,solid","itemBorderColor=#FFFFFF,#FFFFFF"],
];
Q: I've bought your products and I love them.
Now I need help on this:
When a specific webpage is loaded in the browser, how is it done, that the tree is expanded to the right state? I do not mean, when you have clicked the javascript animated menu – but when visitors come from external links on the webpage, I want to show the correct javascript animated menu-state opened.
Thank you very much for your help.
A: You should use API functions in that case
function dtreet_ext_expandItem (itemID, expand)
See more info about API functions:
http://deluxe-tree.com/functions-info.html
See the samples:
http://deluxe-tree.com/dynamic-drop-down-menu-sample.html
and
http://deluxe-tree.com/highlight-selected-menu-item-sample.html
Features
