(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Product Info
  What's New what's new
  Features what's new
  Installation what's new

  Deluxe Tuner GUI what's new

  Javascript API dynamic menu
  Description of Files dynamic menu
  Supported Browsers supported browsers

  Customization
  Parameters supported browsers
  Menu Items supported browsers
  Individual Item Styles supported browsers
  Individual Submenu Styles supported browsers


 

    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.




Free and Easy Website Builder Mobirise Easy Website Builder Review  |  Offline Mobile Website Builder Software  |  40+ Free Bootstrap Templates 2016  | 
Copyright (c) 2016, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. DHTML Menu | jQuery Gallery | JavaScript Slideshow | css carousel | html slideshow