Recent Questions B Tree Java Applet
Q: Are vertical menus also supported, because I don't see any in the javascript menu examples?
A: Yes, you can create vertical menu with JavaScript Tree Menu.
You should set this parameter:
var isHorizontal=0;
See one of the javascript menu examples here:
http://deluxe-menu.com/data-templates/win98-style-1-template-sample.html
Q: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.
For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?
A: See, if you use Tab Mode
var tabMode = 1;
var bselectedItem = 0; //main items
var bselectedSmItem = -1; //submenus
If you use
var tabMode = 0;
var bselectedItem = 0;
See, the ID of the item starts with 0.
So, if you use TabMode ( var tabMode=1;):
var bselectedItem = 4;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12
If you use tabs ( var tabMode=0;):
var bselectedItem = 2;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4
Q: How do you labeling the various segments of your page to utilize the horizontal menu tabs?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
You can paste any code within DIV's (PHP, Javascript ...)
Q: I need to create a link drop down menu for a site that has the top level menuhave no border but I want any of the sub menu popups to have aborder around them (or a different background color for the menuarea 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 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", "", "", "", "", "", ],