- UL/LI items structure - Submenus go over all page objects - Relative/Absolute menu position - Top items and submenus have a shadow - Items with icons - Search feature - add the search area in the menu and type symbols. - Filters and Transitional effects - Transition #14 - "fade out" effect
Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
Opportunity to control the menu from the keyboard.
Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Q: When I maximize the screen the popup windows appear to open below taskbar. Is there a setting to correct this so that windows always appear above the cascading navigation bar?
A:You should set the following parameter to show submenus above the top items:
var subMenuVAlign="bottom";
But notice that if there will be no enough space above the menu your submenus will be shown under the menu.
Q: How can I upgrade to Deluxe Menu v2.0? Now I'm using v1.14.
A: How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message. Deluxe Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/Open… c. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users a. Open menu data file (.js file where menu parameters are placed) in a text editor. b. Make sure that the following variables exist in the data file:
var keystrokes = 0; var dm_focus = 1; var dm_actKey = 113;
var dynamic = 0; var smHideOnClick = 1; var itemAlignTop = 'left'; var smSmartScroll = 1;
var dmAJAX = 0; var dmAJAXCount = 30; var dmRTL = 0; var dmObjectsCheck = 0; var menuBackRepeat = "repeat"; var menuHeight = ""; var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 2. Now open HTML-page that contains Deluxe Menu.
Step 3. Replace existent tags of the menu by the following code:
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are: - dmenu.js - dmenu4.js - dmenu_add.js - dmenu_dyn.js - dmenu_key.js - dmenu_cf.js (new v2.00) - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
Try that.
Q: Is there a way to hide a menu options using either CSS or the java api based on the site user for the mouseover menu?
You can try to use API functions in that case: function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility) To disable items you should set the target parameter to "_". You can try to use the following function
function disable() { dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]); } to disable your items.
Q: When I click on a tab in the css drop down menu tabs it is not activate. What is the setting to change this?
A:You can set "bselectedItem" and " var bselectedSmItem" parameters based on your link before you call your data file.
For example, move " var bselectedItem" and " var bselectedSmItem" parameters from your data file to your code.
<TD vAlign=top align=left> /* Select Tab */ <script type="text/javascript" language="JavaScript1.2"> var bselectedItem= var bselectedSmItem= </script> <SCRIPT src="data.js" type=text/javascript></SCRIPT> </TD>
You should define seltabs and selsmtabs using server side script.
You can also set it on every page before you call data.js file, for example:
<TD vAlign=top align=left> /* Select Tab */ <script type="text/javascript" language="JavaScript1.2"> var bselectedItem=4; var bselectedSmItem=3; </script> <SCRIPT src="data.js" type=text/javascript></SCRIPT> </TD>>
