Recent Questions
Q: Easy drop down menu goes underneath our search control..
I have already set dmObjectsCheck to 1 but it still doesn't work.
In the live version there's aslideshow at the top of the home page (and other pages)
and the menu alsorenders underneath these.
A: Try to set the following parameter:
var useIFRAME=1;
You can find more information about objects-overlapping here:
http://deluxe-menu.com/objects-overlapping-sample.htmlQ: Is it possible via code customization to remove the border only for the top level of popup navigation
and subsequent menu levels with the border?
If yes, would you provide technical assistance with the required code change?
A: You can use Individual Item Style in that case.
You should create Individual Style, for example:
var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];
And assign it for top items:
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
["|Features","testlink.html", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
["|Installation","", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "deluxe-menu.files/icon2.gif", "deluxe-menu.files/icon2o.gif", "", "", "", "", "", "", "", ],
["||Windows OS","", "deluxe-menu.files/icon3.gif", "deluxe-menu.files/icon3o.gif", "", "", "", "", "", "", "", ],
["||Internet Explorer","", "deluxe-menu.files/icon5.gif", "deluxe-menu.files/icon5o.gif", "", "", "", "", "", "", "", ],
["||Firefox","", "deluxe-menu.files/icon5.gif", "deluxe-menu.files/icon5o.gif", "", "", "", "", "", "", "", ],
["Samples","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
["|Sample 1","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "", "", "", "", "", ],
["|Sample 2 is Disabled","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "_", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "_blank", "0", "", "", "", "", ], // assign style 0
["Contact Us","testlink.htm", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], // assign style 0
];
More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
Q: I’ve tried every configuration available—absolute and relativepositioning and so on. I can’t get the menus to display correctly.
I have to offset the topDX by -150 and so on just to fudge it into a CLOSE position…it certainly doesn’t mirror the preview window
A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="position:absolute;"
to the
<DIV id=navholder>
So, you'll have:
<DIV id=navholder style="position:absolute;">
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", "", "", ],
