Recent Questions
Q: I’m currently testing your product and using the tabs. My question is that not all my javascript html tabs point to the same target, I tried doing your suggestion on your FAQ but when I do that the tabs do not even display, here is my code
["|Manage Users","user.asp",,,,,"fmeMain"] also tried different points in the parameters
I know the break down is as follows
[Display,Url,Icon1, icon2, title,supposedToBeTarget]
A: See, you can use links if you have
var tabMode=1;
only.
If you have
var tabMode=0;
You should use the ID of the DIV.
Unfortunately, you cannot set target parameter for each item.
bmenuItems has the following structure:
var bmenuItems = [
["text", "divID or link or javascript function", "icon1", "icon2", "icon3", "tip", "styleN"],
];
But you can try to open your pages using different targets in thefollowing way
["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('test.html', '_self')", ...],
["tab text", "javascript: window.open('test.html', '_blank')", ...],
Where frameName - the name of the frame where to open the page test.html.
Using this method you can create Deluxe Tabs in var tabMode=0; and var tabMode=1;
Q: I'm trying to disable a javascript mouse over menu item using the MS Office style 2 template and having no luck. Can you please provide me a sample of the MS Office style 2 template that will disable an item on the menu by graying it out?
A: To disable menu item you should set "_" target for it.
If you want that your disabled items have a grey color (in css-basedmenu) you should create additional style for it and assign this stylefor the disabled items:
["CSSText=toptext_dis,toptext_dis"],
.toptext_dis
{
font: normal 11px Tahoma, Arial;
color: #AAAAAA;
padding: 3px;
}
["|What's New","", "images/icon_office_note.gif", "images/icon_office_note2.gif", ,"_","1", , , ],
["||Popup Mode (Contextual Menus)","", "images/icon_office_mark.gif", "images/icon_office_mark.gif", ,"_","1", , , ],
You can find more info about menu items here:
http://deluxe-menu.com/menu-items-info.html
Q: There's a 1 pixel white padding around the css drop down menu that I'm trying to remove.
Is it a padding setting -- a margin setting -- a div setting?
A: This is a shadow.
Set the following parameter:
var shadowTop=0;
Q: I'm using the trial version of your product and have a question for you before purchasing:
How do I show different content when selecting the different dhtml layer menu tabs?
For example, when I use the Windows Forms tab control in VB .NET, there's more to the tab control than just the dhtml layer menu tabs themselves...there's also the "body" of each individual tab that changes when I select different tabs.
Does your product do the same?
A: You should specify any Object ID name of the DIV.
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. 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>