Recent Questions
Q: What i am doing is a horizontal menu with submenus opening down vertically. The main menu and sub menu has a background image. These are rather large for a menu and when the sub menu expands i want it to stay below the main menu and not go upwards to cover the main menu when the browser window is too small.
A: Yes, they will stay forcibly below the main menu.
You can use Smart Scrollable Feature. In that case sub menus won't cover
the main menu items. You can see an example here
http://deluxe-menu.com/scrollable-submenus-sample.html
You may specify the exact height for submenus, for example:
var smHeight="500px";
Use the following parameters to set the direction for submenus:
var subMenuAlign="left";
var subMenuVAlign="top";
For more info see:
http://deluxe-menu.com/ways-showing-submenus-sample.htmlQ: Compliments on your product, I particularly enjoy the complete set of gui and java, that allows for the quick changes.
After a couple of months of using the trial, I have now purchased it and installed the license.
My question however regards the performance of the menu. Using firebug I note that my deluxe menu .js are the performance bottlenecks, It appears as if they are not being cached and it appears that collecting them is taking longer then the other .js files. What can I do to optimize the load time of the javascript multi level menu and prevent, reloading it from the server with every page reload. The apache has set the expiry correct I believe, as I understand from the header.
A: You can try to use AJAX technology.
AJAX-like technology: data for submenus can be loaded "on-the-fly" from the server.
New parameter:
var tajax = 0/1; - disables/enables AJAX-like support
Current syntax for item parameters ( var tmenuItems):
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFileName]
Where jsFileName - .js filename on the server with submenu items ( var tmenuItems).
Q: We would need to programatically open a particular tab in the horizontal tab menu.
A: Unfortunately Deluxe Tabs doesn't support API functions now.
You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.
For example:
<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">
Click to open the third tab
</DIV>
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", "", "", "", "", ],
];