Recent Questions
Q: There are two of your menus that we wish to incorporate into one. Our main left hand side vertical navigation menu would be an accordion menu. When you click on products in the accordion menu, it would drop down with an indented sub menu. When you hover over a link in the sub menu, your Javascript Scrolling Menu - Smart Scrollable Feature would allow us to have a scrolling sub menu.
I guess my question is can you have two javascript dhtml scroll menus working together in the same page?
A: I'm not sure I understand your question.
Why you should create two menus in that case?
You can create only one vertical menu (left menu) with all submenusand set smart scrollable feature:
var smSmartScroll=1;
That is all. Please try the trial version.
Q: I am using Deluxe Menu and I had a question.
When you roll your mouse over the menu items, the background color of that menu item changes (it becomes darker). Is there a way to establish a setting such that when a Menu Item is CLICKED, the color of that Menu Item STAYS darker. This will help the user know which category of the website they are currently visiting.
Please let me know. Thanks!
A: 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.
Q: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?
A: You can use Individual Item Style in that case.
You should create Individual Style, for example:
var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];
And assign it for top items:
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Installation","", "", "", "", "", "", "", "", "", "", ],
["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];
More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
Q: The text on the dropdown menu item is not centered as it shows in the preview, How do I fix?
A: The reason is in your style
TD {
VERTICAL-ALIGN: top
}
Try not to define style for Table, TD, TR elements they can affect themenu.
Set also the following parameter:
var itemAlignTop="center";