Recent Questions
Q: I'm having a difficult time figuring out how to get content into each "tab" for the dhtml tab menus.
I see that content can be put into div-tag or frame, but how is it referenced in tab so whensomeone clicks the tab,
it shows that content?
Is it the link variable in the MenuTuner? Can the content be a separate html page?
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 the
DIV'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: What command that I use the HTML code that will be showing in the pop up window to close it?
A: Try to use the following functions to show and hide popup window:
deluxePopupWindow.open()
hide()
For example you should write:
["","javascript:deluxePopupWindow.make('window', 'http://google.com/', '#1: Google Web site',
'width=590,height=350,resizable,scrollbars,minimizable,fullscreen, centerscreen,move-effect=top,,opacity=1,
floatable=yes', 'default')","icon.gif"]
["","javascript:document.getElementById('window').hide();","icon.gif"]
Notice also that you should move the following code from your data file on your html page directly inside SCRIPT tags:
<script type="text/javascript">
menuItems[
[...]
];
dm_init();
</script>
See more info:
http://deluxepopupwindow.com/window-installation-info.html
Q: Is it possible to make the javascript menu buttons and the text bigger? Or at least the text larger?
Right now the text is so small that they actually look a little blurry.
The only font I can increase is the font on the dropdown menus. but I cant change the font that appear on the actual tabs. If I could increase the font on them that would be great.
A: You should change font in Individual styles.
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackImage=http://www.pursepage.com/wp-content/themes/pinkdoubleheader/data.files/btn_magentablack.gif,http://www.pursepage.com/wp-content/themes/pinkdoubleheader/data.files/btn_magenta.gif","itemBorderWidth=0", "fontStyle='normal 14px Arial','normal 14px Arial'","fontColor=#FFFFFF,#FFFFFF"],
];
Q: I am evaluating De Luxe menu. We perhaps like to become OEM distributor.
But I have a question.
In a website i would like to align 3 menu items to the left of the page and the other items to the right.
The 3 items to the left have a different style. But all have a fixed width.
I tried to define a spacer between the items but this didn't work out.
<script type="text/javascript"
src="/webos_net/dmenu/data.js"></script><script
type="text/javascript">
var menuItems = [
["Website","/webos_net/default2.aspx?site=website",,,"","_top","0"],
["MyNorma","/webos_net/default2.aspx?site=mynorma",,,"","_top","0"],
["BackOffice","/webos_net/default2.aspx?site=portal",,,"","_top","1"],
[" ","/webos_net/default2.aspx",,,"spacer","","2"],
["Zoek","",,,"",'main','3'],
["Stamgegevens","",,,"",'main','3'],
["Repartitie","",,,"",'main','3'],
["Beheer","",,,"",'main','3'],
]
dm_init();
I also defined itemstyles:
var itemStyles = [
//hoofdmenu
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444"],
//hoofdmenu selected
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444","itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
//spacer
["itemWidth=100%"],
//default menu
["itemWidth=100pt"],
];
Can you provide a java menu samples which shows left and right alignment of menu items is possible?
A: Unfortunately it is not correctly to write
["itemWidth=100%"],
in Individual Styles. It won't work. You can set the exact width forthis space, for example:
var itemStyles = [
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg,/images/topmenu1bg.jpg", "fontColor=#444444,#444444","showByClick=0"],
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444", "itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
["itemWidth=220px","itemBackColor=transparent,transparent","itemBorderWidth=0", "itemBorderStyle=none,","showByClick=0"],
["itemWidth=100pt"],
];
var menuStyles = [
];
var menuItems = [
["Website","/webos_net/default2.aspx?site=website", "", "", "", "_top", "0", "", "", "", "", ],
["MyNorma","/webos_net/default2.aspx?site=mynorma", "", "", "", "_top", "0", "", "", "", "", ],
["BackOffice","/webos_net/default2.aspx?site=portal", "", "", "", "_top", "1", "", "", "", "", ],
[" ","", "", "", "spacer", "", "2", "", "", "", "", ],
["Zoek","", "", "", "", "main", "3", "", "", "", "", ],
["Stamgegevens","", "", "", "", "main", "3", "", "", "", "", ],
["Repartitie","", "", "", "", "main", "3", "", "", "", "", ],
["Beheer","", "", "", "", "main", "3", "", "", "", "", ],
];
