(c) 2007, DHTML-Menu.com
 
 
   
   
  Product Info
  What's New
  Features
  Installation
  DHTML Tuner GUI
  Javascript API
  Description of Files
  Supported Browsers
  Customization
  Parameters
  Menu Items
  Individual Item Styles
  Individual Submenu Styles
 

    DHTML Menu Scripts Installation

How to Setup

Installation of DHTML Menu

Copy all DHTML 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 -->

2. Paste the following code into the place where you want to have the dropdown menu:

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

Where data.js is the file created in DHTML Tuner with menu parameters and menuItems.
See HTML sample

See also description of engine files.


Installation of Multiple Menus on the Single Page

Copy all DHTML 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 DHTML Tuner with menu parameters and menuItems.



Cross-frame Mode Installation


Use Cross-frame mode when you use a frame-based structure on your website. In this case the top menu items are placed in the one frame and submenus are shown in the another one.
See cross-frame mode sample.

Place all the .js files to any folder of your html project (check that you have dmenu_cf.js in the same folder with dmenu.js file) and add a reference to the files within your page.

1. Paste the following code into a <body> tag of a frame with the top menu items:

<!-- 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.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 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 frame with the menu (frame where the top menu items will be shown), >=0;
    subFrameInd - index of a frame where submenus will be shown, >=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 called at the end of data.js file will look like:

dm_initFrame("frmSet", 0, 1, 0);

Notice
The DHTML menu scripts 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 sub menus won't be shown in the sub frame -- they will be shown in the frame with the top-menu. The reason is in a security policy of browsers -- a script can't change a content of pages from another domain.




   
Copyright (c) 2012, DHTML-Menu.com
 Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. gratis website builder | web design software | bootstrap buttons | responsive slider | bootstrap image slider