(c) 2005, Deluxe-Menu.com
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  |  Write Us
All rights reserved. Tree Menu  |  Tabs Menu  |  Deluxe Menu.de