Recent Questions
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;
Q: We're interested in the pop up menu (context menu) you offered. Is it possible to generate multiple context menus at the same page?
Is the context menu also 508 compliant, in other words, keyboard accessible?
A: Yes, you can use as many context menus as you want on the same page.
You should call your data files at first
<script type="text/javascript" src="data-deluxe-menu.js"></script>
<script type="text/javascript" src="data-deluxe-menu1.js"></script>
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);" style="cursor: pointer;"> //1st menu
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(1, 1000, event);" style="cursor: pointer;"> //2nd menu
You can use keyboard in context menus but you have to click (or hover) the image. And only after your subitems appear you can press "Ctrl+F2" and arrow keys to navigate themenu.
But if you have multiple menus on one page and use keystrokes support you can navigate only the first menu.
Q: Is it possible to not download (pre-load) the images in the javascript menu array (some attributes in the data.js file ..)?
I would like to download them only on rollover on the submenu... I am aware of the ajax version of the menu, but ....
A: Set the following parameter:
var dm_writeAll=0;
You can also use AJAX feature, see more info here:
http://deluxe-menu.com/ajax-technology-menu-sample.htmlQ: Can you please write me, as I have the active menu button in the drop down menu software different color display?
A: The menu has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript"> var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.