Recent Questions
Q: Looks like my submenu text is too long for the background.
How can I ensure the background is the same length as the longest word in my java edit menu submenu list.
A: Try to change the following parameter:
var smWidth="100%";
Set it:
var smWidth="";
Q: Is it possible set a menu item to pressed when a page is loaded when you have multiple drop down menus on the page?
I have 2 menus side by side and I was able to set the pressed item with the JavaScript API as described in your FAQs but when I try to show an item as pressed in a second menu on the same page, the corresponding item in the first menu shows as pressed. Is there a different function that I can use for this or a way to reset the menu ID in the second menu to start from where the first menu left off so I can use the same function?
A: See the first parameter in
dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
function is index of the menu.
So, if you use several menus on the one page you should use differentmenuInd parameter.
For example you have:
<script type="text/javascript" src="menu/data1.js"></script> //menuInd=0
...
<script type="text/javascript" src="menu/data2.js"></script> //menuInd=1
...
<script type="text/javascript" src="menu/data3.js"></script> //menuInd=2
...
<script type="text/javascript" src="menu/data4.js"></script> //menuInd=3
So, for the second menu you should write:
dm_ext_setPressedItem (1, 2, 5)
Q: This is great on last quesion how can I make the items on the top menu with java different colors? I looked at this example and cannot figure it out
http://deluxe-menu.com/data-templates/multiple-styles-1-template-sample.html A: You should create Individual Item Styles and assign them to your topitems:
var itemStyles = [
["itemBackColor=#CE9DE1,#B978D1",],
["itemBackColor=#84DA7A,#48D641",],
["itemBackColor=#5EA6E1,#507ECB",],
["itemBackColor=#54CDCA,#32ABA8"],
];
["Home","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["Menu Samples","", , , , , "1", , , ],
["Purchase","", , , , "_blank", "2", , , ],
["Contacts","", , , , , "3", , , ],
Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:
<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>
The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!
A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600> </tr>
</table>
Please, set exact value for var menuWidth parameter, for example:
var menuWidth = "600px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
var absolutePos = 0;