Menu Script Installation

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:


<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>


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:


<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>


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:


<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>


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.

Bootstrap Image Gallery Bootstrap Form Button \| Bootstrap Checkbox Label \| Bootstrap Accordion Table \| Bootstrap Columns Mobile \| Bootstrap Grid Tutorial \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Builder \| AI Website Maker \| Free AI Website Generator \| AI Website Generator \| AI web page design generator