Recent Questions
Q: I can’t highlight the selected menu item of the current page in the javascript flyout menu?
A: Please, check the following parameter
var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.
The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.
You can 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.
You can also set the correct:
var pressedItem=1;
parameter on each html page.
Q: Is there any way to call a javascript function on mouseover from a menu item?
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];
Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];
Q: We are using the javascript drop down menu code to create an external link. The absolute path is recognised but it does not work. At the bottom of the page the browser displays an "error on page" message and nothing happens.
A: Now you have
<script type="text/javascript"> var dmWorkPath = "wdmenu.files/";</script>
<script type="text/javascript" src="wdmenu.files/dmenu.js"></script>
<script type="text/javascript"> var dmWorkPath="wdtabs.files/";</script>
<script type="text/javascript" src="wdtabs.files/wdtabs.js"></script>
The second call for dmWorkPath is incorrect. Delete it. So you'llhave:
<script type="text/javascript"> var dmWorkPath = "wdmenu.files/";</script>
<script type="text/javascript" src="wdmenu.files/dmenu.js"></script>
<script type="text/javascript" src="wdtabs.files/wdtabs.js"></script>
Your menu will work correctly.
Q: How do I make the submenus sticky i.e. they will not close even when the mouse goes to somewhere else on the page?
A: I've checked your menu in all browsers. I can't see such problem.
You can try to adjust these parameters:
var transDuration=200; // Delay of a transitional effect (in ms) on submenu's showing.
var transDuration2=100; // Delay of a transitional effect (in ms) on submenu's hiding.