Recent Questions
Q: Under Opera everything works fine but under IE the submenu’s are way down the page and go off the bottom of the screen.
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="PADDING-BOTTOM: 10px;"). 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="PADDING-BOTTOM: 10px;"
to the
<DIV class=department-menu>
So, you'll have:
<DIV class=department-menu style="POSITION: absolute;PADDING-BOTTOM: 10px;">
Q: Your product is great. I do have one question for you however.
Right now the dropdown (subitem) menus appear based on the smShowPause variable, and disappear based on the smHidePause variable. It is sometimes awkward for users to mouse off the subitem menu that has dropped down, only to have it still hanging there. Reducing the smHidePause variable is not an option because then the menu often disappears before a user has selected a menu option.
The ideal solution is the have the subitem menu recognize when the user has moused off the menu, and then disappear. Is this possible?
if not, I definitely suggest incorporating it into your next build!
A: Try to set these parameters:
var transition=0;
var transOptions="";
var transDuration=0;
var transDuration2=0;
var smShowPause=200;
var smHidePause=200;
Q: How do you specify different number of sub menu columns for each menu heading in the dhtml menu bar?
When I put var smColumns = 5; it changed it for both my multicolumn headings.
A: You should use Individual Submenu Styles, for example:
var menuStyles = [
["smColumns=3"],// 0 style
["smColumns=2"],// 1 style
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["Product Info","", "", "", "", "", "0", "", "", "", "", ],
["|Features","testlink.html", "", "", "", "", "", "0", "", "", "", ], // 0 style
["|Installation","", "", "", "", "", "", "", "", "", "", ],
["||Description of Files","testlink.html", "", "", "", "", "", "", "", "", "", ],
["||How To Setup","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Parameters Info","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Dynamic Functions","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["||Mozilla","", "", "", "", "", "", "", "", "", "", ],
["||Netscape","", "", "", "", "", "", "", "", "", "", ],
["||Opera","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ],
["|Sample 1","testlink.html", "", "", "", "", "", "1", "", "", "", ], // 1 style
["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["|Sample 3","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 4","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 5","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 6","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 7","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 8","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 9","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ],
];
Q: I need to be able to highlight the selected menu en dhtml item of the Deluxe Menu.
A: Deluxe Menu has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your menu en dhtml 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.