Recent Questions
Q: There is a grey line that surrounds my menu (its on a page with black background. How do I get rid of the grey line?
A: See, you set the shadow for the top items and submenus
var shadowLen=2;
var shadowColor="#C4C4C4";
var shadowTop=1;
You should set
var shadowLen=0;
var shadowColor="#C4C4C4";
var shadowTop=0;
Q: There does not appear to be any information how to display the content of a selected tab for the tab menu
A: If you want to see the content below your tab menu:
you should paste your content in the <div> .. </div> tags.
<div id="content1" style=" visibility: hidden;" class="tabPage">
<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">
<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">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>
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 tab.
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],
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", "", "", ],
Q: A couple days ago I purchased the multi-website license of Deluxe Menu/Tree/Tabs/Popup Window/Calendar for US$149.00
I am having a very hard time getting the popup window to do just a basic function.
All I want is to have a link that I click on the page and the dhtml menu windows pop up.
As it is, the page automatically opens the popup window on loading.
I'm not a Javascript programmer which is why I purchased your product as it seemed I could pick a couple basic values in the GUI and it would create the script and code for me.
It would be REALLY handy if you had a couple of examples of how to create the following:
- Open the popup window upon the page loading
- Open the popup window when the user clicks a link
- Open the popup window when the user mouses over a link
- Close the popup window when the user mouses out
The help section doesn't even provide a menu item for the popup window.
Finding support for it on your site is difficult and what I can find is better suited for someone with Javascript knowledge.
Is there any way you can provide me the code to do this?
Thanks very much for your time and assistance.
A: We have such example on our website:
> - Open the popup dhtml menu windows upon the page loading
To open the popup window upon the page loading you should set thefollowing parameter:
openAfter=0
deluxePopupWindow.attachToEvent(win,'openAfter=0,,,,,')
You can find this parameter in Deluxe Tuner. See on-load.zip example.
> - Open the popup window when the user clicks a link
Create the popup window in Deluxe Tuner and save it as html. UseonClick event for a link.
See how you should write your link:
<a class="sampleLink" title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
where (see on-click.js file)
'win' - is winID
'<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM:
10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN:center\'>
<B>Sample content</B></DIV><DIV style=\'font:
13px;text-align: center; color:#666666; \'><EM>This is a
simple HTML code for content. Here you may also set link to
content page or ID of some element.</EM>' - content of your
popup window
'Safari Style' - window title
'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes' - parameters of the popup window'windows_safari' - window skin
You can find more info about deluxePopupWindow.open function here:
http://deluxepopupwindow.com/window-installation-info.html
Notice that you shouldn't set openAfter parameter in on-click.jsfile:
deluxePopupWindow.attachToEvent(win,',,,,,')
> - Open the popup window when the user mouses over a link
> - Close the popup window when the user mouses out
You should create such popup in the same way as in the previous point,but use onMouseOver/onMouseOut events.
<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOver="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,middle,right,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>this link</b></a> opens a medium-sized dhtml floating window.
<a class="sampleLink" title="Click to open sample" href="javascript:;" onMouseOut="deluxePopupWindow.open('win', '<DIV style=\'PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #d33a3a; PADDING-TOP: 10px; TEXT-ALIGN: center\'><B>Sample content</B></DIV><DIV style=\'font: 13px;text-align: center; color:#666666; \'><EM>This is a simple HTML code for content. Here you may also set link to content page or ID of some element.</EM>', 'Safari Style', 'width=250,height=100,resizable,scrollbars,minimizable,fullscreen,bottom,left,fade-effect,opacity=1,floatable=yes', 'windows_safari')"><b>Open popup window</b></a>
Q: Looking at the tab menu code below, am I right in guessing what the first 6 parameters are, and can you tell me what the last 3 are forplease?
var bmenuItems = [
["-","", "", "", "", "", "", "", "", ],
["Title","...link.asp", "iconNormal", "iconMouseOver","iconSelected", "tootip", "?", "?", "?", ],
["-","", "", "", "", "", "", "", "", ],
];
A: var bmenuItems = [
[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
...
];
so it's a item_style, the last two are reserved and not used.
http://deluxe-tabs.com/product-info/?individual-item-styles
