Recent Questions
Q: I am really interested in this product but I am having difficulty adding content to the java menu bar tabs. I checked the FAQ section and followed the directions, but when I test it nothing happens and I get an error on page at the bottom.
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;
["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. You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" 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>-image: url('img/back.jpg'); background-repeat:repeat-y;" 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>
Q: Hello I am testing your product Deluxe Menu, and want to create a special tree-menu.
I have a question:
Is it possible to have two icons in front of each dhtml menu item?
I need two icons in front of each menu-item that will symbolize an alarm and a sabotage-alarm.
I want to use animated gifs on these so that I can visualize alarm and sabotage on each menu-item.
But I also need an icon on the right side of the menu to show if the menu-item is expanded or not.
I want the structure to be like this:
Icon | icon а| Main menuitem1а | expandedicon
Icon | icon | sub menuitem1 | expandedicon
Icon | icon | sub menuitem1.1 | expandedicon
Icon | icon | sub menuitem1.2 | expandedicon
Icon | icon | sub menuitem2 | expandedicon
Icon | icon а| Main menuitem2а | expandedicon
Is this possible to achieve with your menu?
A: Yes, it is possible.
Actually you can use any html code within menu items.
["|<img src='default.files/icon1_so.gif' style='margin-right: 10px'>Home","testlink.htm", "default.files/icon1_s.gif","default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Q: What I want to do is use your XP Tabs Template.
It appears fine in the Preview Pane but when I load it on my web page the sub-items are all listed on the same line as the tabs.
A: If you want to create subtabs in your menu you should use Tab Mode
var tabMode=1;
and write your bmenuItems in the following way:
var bmenuItems = [
["-","", "", "", "", "", "", "", "", ],
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["|SItem 226","", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["|SXP Tab 4","content4", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
but in that case you can't assign the ID of the DIV to show when youclick on the tab. You can set the links only.
Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?
A: Deluxe Menu has keystrokes support.
Use the following parameter to enable keystrokes support:
var keystrokes = 1;
0 - disabled (default), 1 - enabled.
Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.
Use also the following parameters:
var dm_focus = 1; Show focus selection for selected item.
var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.
Please, try the trial version, http://deluxe-menu.com