(c) 2007, Deluxe-Menu.com
Site Map Deutsch
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
 

    Menu Script Installation

How to Setup

Installation of Deluxe Menu

Place all menu script .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) 2009, 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 script files.


Installation of Several Menus on the Single Page

Copy all Deluxe menu scripts .js files into any folder of your html project. For example, it'll be menudir/ folder.

1. Paste the following code into a <body> tag of your html 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) 2009, http://Deluxe-menu.com -->

Notice! There is no need to call this code for several times on the one page. You should call it only once.

2. Paste the following code into the places where you want to have your drop down menus:

<script type="text/javascript" src="menudir/data.js"></script>

<div id=menu>
<script type="text/javascript" src="menudir/data1.js"></script>
</div>
....... // your code here


<table>
  <tr>
    <td align=right>
<script type="text/javascript" src="menudir/data2.js"></script>
    </td>
  </tr>
</table>


Where data.js, data1.js, data2.js are the files created in Deluxe Tuner with menu parameters and menuItems.



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) 2009, 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 script 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) 2009, Deluxe-Menu.com
 Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Tree Menu  |  Tabs Menu  |  Popup Window  |  Calendar  |  Deluxe Menu.de  |  AJAX Gallery