Recent Questions
Q: My question is how can I change the size and color of the font for the
main items in the simple dhtml menu, not the drop downs?
A: You can use Individual Item Styles in that case:
http://deluxe-menu.com/individual-item-styles-info.html
Set the style you need for subitems:
var fontStyle=["normal 11px Trebuchet MS, Tahoma","normal 11px Trebuchet MS, Tahoma"];
Set the style you need for main items:
var itemStyles = [
["fontStyle='bold 12px Arial','bold 12px Arial'"], // style 0
];
Assign this style for main items:
var menuItems = [
["Scenic album","scenic-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["|Item 9","", "", "", "", "", "", "", "", "", "", ],
> ["|Item 10","", "", "", "", "", "", "", "", "", "", ], ["Floral album","floral-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Southwest album","southwest-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Wildlife album","wildlife-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
];
Q: Thank you. I got the menu working on my web page.
Now, I have to pass dynamic value from the link when the user click the floating javascript menu.
I was using a table type of menu and passing value like this
<td onclick="document.iframename.location.href='abc.jsp?value1=<%value1%>&value2=<%value2%>Click here</td>
What should I do to the deluxe-menu to get the same action?
I need to pass value to next page. The value is dynamic, so I have to use <%value1%> notation for JSP file.
A: Actually you can use your own Javascript code instead standard links. For example:
var menuItems = [
["text", "javascript:your_code_here"]
];
or
var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];
Q: Is it possible to change the background color of just one of the menu buttons within a sub navigation bar?
A: Yes, it is possible.Use Individual Item Styles.
Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.
var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["|Installation","", "", "", "", "", "0", "", "", "", "", ],
["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...
Q: I don't understand how may I include content in each js tab, may you send to me examples or more information??
A: See in Deluxe Tabs there are two modes:
1. var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the js tab.
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],
You should paste your content in the <div> .. </div> tags.
<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>
<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>
<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>
2. var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],
You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
So, you should write for example:
["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],