eMenuTree: Multiple menus in the same page

Introduction

eMenuTree allows you to place multiple menus in the same page.  These can include both click-to-open tree menus and drop down tree menus in the same page.  You can apply different formats to the menus if you like.

Basic instructions

There are two steps in adding a second tree menu to a page.  First you use eMenuTree to write the tree menu to emenu02.js (or emenu03.js, etc.). Second, you insert a link to emenu02.js into your HTML file.

1. Use eMenuTree to write a second menutree.js file.

Open the project in eMenuTree.  This may be the same project as the first tree menu or a different project.  On the "Run / tools" menu choose "Write extra menu".  eMenuTree will give you a chance to select the tree menu number (02, 03, ...), and then will write the extra menu.

2. Add the HTML code to your original tree menu page.

Add the second menu to your page in the same way you add any menu:

<script src='emenu02.js'></script>

Please note carefully:

1. There can only be one tree menu with the same number in any page (there can be only one emenu.js and one emenu02.js).

2. The first menu in the page must be emenu.js.  (The reason for this is that only emenu.js contains the functions that insert the tree menu.  If the browser tries to process emenu02.js before it processes emenu.js, it will not have the necessary javascript functions.)

Apply different format to the second tree menu.

On the small form that appears when you write the second menu, check the option "Use this menu number in the CSS class names".  If your tree menu number is 02, this will change the class names to: .mainFolderBox02, .mainFolderLine02, .mainFolderLine02MouseOver, .subFolderBox02, .subFolderLine02, .subFolderLine02MouseOver, .linkBox02, .linkLine02, .linkLine02MouseOver classes.  Of course, you must define these classes in your CSS file.

To change the class of selected folders and links, in build tree view add the three character string *02 to the folder / page names.  For more information see "Style sheet" help file.

A top and bottom tree menu

If you want a top and bottom menu containing the same links, follow the following steps:

1. Chose the option "Main menus open directly downward".
2. Chose the option "In extra menus, main menus open directly upward".
3. Write emenu.js and emenu02.js.
4. Insert a link to emenu.js at the top of every page and to emenu02.js at the bottom of every page.