Recent Questions
Q: I try to fix the height of the submenu "Zone Climatiques" to 400px but I didn't find the way to do this. It worked by setting var smHeight=400px but that setting set all submenus. I would like set only the height of "Zone climatiques" submenu.
Thanks for your help.
A: You should create Individual Style
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["smHeight=400px"],
];
and assign it to the first item in submenu
["3101 - Ste-Anne-Des-Monts","ProcessClimaticZone/edit.do?id=3101,2003-11-13", , , , , ,"1","stationSubMenu.htm?climaticZoneId=3101,2003-11-13",],
Q: IHow can i make that the background-color will be standing behind the click in this part of dhtml menu slide?
A: Deluxe Menu has only two states normal and mouseover, but
you can highlight menu items by default in two ways:
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.
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.htmlQ: We are using your deluxe menu on our live site, but I have a question about the initial setup of the menu.
I need to update the site and a create a new version where the Deluxe Menu is painted, but not initially displayed until the user has been validated. We are runing the entire site from a single page with multiple iFrames. I have been using the code document.getElementById('dm0m0').style.visibility = "hidden"; to hide the menu during startup, but I would rather have the floating menu hidden initially and then displayed as the user is validated and gain access to the functionality.
So the question is: Is there a property in the data.js file - or any other file - where the menu can be hidden initially until needed?
A: You can hide the menu onloaddocument.getElementById('dm0m0').style.visibility = "hidden";
And then show the floating menu when your user will be validated.Q: Can I use javascript to get the object (getElementByID). If not howdo I hide my dropdown menu on print?
A: You can add a new button to print your page and call onClick event, soyou should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.
For example:
var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu when your customers push "File/Print"you should write so:
You must create two functions, for example:
function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.
And then you must write so:
window.onbeforeprint = myprint;
window.onafterprint = myprint2;