| What's New Features Description of Files Installation Functions Supported Browsers Deluxe Tuner Parameters Menu Items Individual Item Styles Individual Submenu Styles Dynamic Functions Cross-frame Mode Popup Mode Smart Scrollable Submenus CSS Mode Objects Overlapping Filters and Effects Individual Styles Movable Menu Floatable Menu Multilevel Menu Multicolumn Menu Ways of Showing Submenus Image-based Menu XP Style 1 XP Style 2 XP Style Taskbar Office Style 1 Office Style 2 Win98 Style MAC Style Simple Style 1 Simple Style 2 Animated Icons Multiple Styles Image-Based Menu Trial Version License Agreement Buy Deluxe Menu Order Non-profit License Non-profit License Single Website License Multiple Website License Developer License FAQ
Search |
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu |  |

Product Info
What's New Features Installation Deluxe Tuner GUI Javascript API Description of Files Supported Browsers Customization Parameters Menu Items Individual Item Styles Individual Submenu Styles
|  | Installation
| How to Setup |
| Installation of Deluxe Menu |
Place all menu .js files into any folder of your html project. For example, it'll be menudir/ folder.
1. Paste the following code into a <head> tag of your page: <!-- Deluxe Menu --> <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> <!-- (c) 2006, http://deluxe-menu.com --> 2. Paste the following code where you want to have the menu: <script type="text/javascript" src="menudir/data.js"></script> See HTML sample
See also description of menu files.
| Cross-frame Mode Installation |
Cross-frame mode is used when your website has a frame-based structure. In this case the top-menu is placed in one frame and submenus are shown in another one. See cross-frame mode sample. Place all the .js files to any folder of your html project and add a reference to the files within your page.
1. Paste the following code into a <head> tag of a frame with the top-menu: <!-- Deluxe Menu, deluxe-menu.com --> <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> <!-- Copyright (c) 2006, Deluxe Menu, deluxe-menu.com --> 2. Paste the following code within the same html page in the position where you want to have the menu: <script type="text/javascript" src="menudir/data.js"></script> 3. Replace the standard dm_init() function call at the end of data.js file by the dm_initFrame() function: dm_initFrame(framesetID, topFrameInd, subFrameInd, frameOrientation); Where: framesetID - id attribute of the <frameset> tag; topFrameInd - index of the top frame (frame where the top-menu will be shown), >=0; subFrameInd - index of a frame with submenus, >=0; frameOrientation = 0/1 - orientation of the frameset: 0 - horizontal, 1 - vertical.
Be sure you have id property for your frameset. For example: <frameset id="frmSet" rows="200,*"> <frame src="topmenu.html"> <frame src="content.html"> </frameset> So, the dm_initFrame() function call at the end of data.js file will look like: dm_initFrame("frmSet", 0, 1, 0);
Notice The menu will work correctly in the cross-frame mode if you load pages into the subframe from the same domain. If you load pages from another domain submenus won't be shown in the subframe -- they will be shown in the frame with the top-menu. It's caused by a security policy of browsers -- a script can't modify a content of pages from another domain.
Copyright (c) 2006, Deluxe-Menu.com | Home | Product Info | Samples | Download | Purchase | FAQ | Site Map |
All rights reserved. | Tree Menu | Tabs Menu | Deluxe Menu.de