Recent Questions
Q: How do I change the background color for the floating drop down menu
A: To change menu colors you should change the following parameters:
var menuBackColor="#F2F3F2";
var itemBackColor=["#F2F3F2","#535353"];
You can also use Individual Item Styles to change the color of the specific items:
var menuStyles = [
["menuBackColor=#F2F3F2"],
];
var itemStyles = [
["itemBackColor=#F2F3F2,#535353"],
];
Q: I am now running the newest version, all ok. A new client wants to have submenus openFor the left hand menu navigation that I purchased, can I choose what dhtml tree menus will be expanded or collapsed when the user first comes to the webpage for the first time?
For instance, right now, when the user first goes to the page ALL of the menus are collapsed. If I wanted the first and third tree menus to be expanded and the others to stay collapsed when a new user first went to the page, how would I accomplish that?
Thank you very much for your help. on mouse rollover as well as on mouse click. Is this possible with tree menu in XP style?
A: You can expand some items by default.
Add '+' sign before items text in that case:
["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],
"Deluxe Tree: XP Style" item will be expanded by default in that case.
Use var texpanded=1; parameter to expand all menu items by default.
Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.htmlQ: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.
Can you please help me with this problem
A: See images in Vista Templates have the fixed width and height (92 x21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
Q: I am getting stuck with trying to set a default tab in the div tab menu to be selected when a window opens...
What I've been trying to do is changing this line here :
var bselectedItem=0;
At 0 (default) it has the first tab selected. Any other number and notabs are selected.
Is there a setting somewhere else that I am missing?
A: You can set "bselectedItem" and " var bselectedSmItem" parameters based on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parameters from your data file to your code.
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem= var bselectedSmItem= </script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, for example:
<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
var bselectedItem=4;
var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD&tg;