DHTML Lab: HierMenus CENTRAL: Version 5 Setup Instructions | WebReference

DHTML Lab: HierMenus CENTRAL: Version 5 Setup Instructions

HierMenus: Version 5 Setup Instructions

Need to know how to install HierMenus on your own Web pages? Follow these step-by-step instructions for perfect results.

Beginning with version 5.0, you may now use HM in a cross frames environment; which is to say that you may define links in one frame that, when rolled over or clicked, pop-up menus in an adjacent frame (or any other frame within the same frameset tag as the navigation page). The code used is the same for both stand-alone and cross-frame implementations; the difference lies in the specification of certain configuration parameters, which will be covered later in these setup instructions.

You have a choice when setting up your HierMenus. You can make use of the top_is_permanent parameter originally introduced in HMv4 and allow your HierMenus to be permanently visible on the page; or you can install your menus in the more traditional manner by connecting them to in-page links using onMouseOver and onMouseOut. You can also combine the two techniques; having some menus that are tied to specific existing links, and other menus that are created entirely by the HierMenus script and appear permanently in a precise location on your page. Note, however, that for cross-frames implementations, you may only connect the menus to in page links within the navigation frame using the traditional manner described above. While you are still free to create permanently displayed menus in your frames implementations, these permanently displayed menus will appear in the main (content) frame of your frameset, not the navigation page.

Whichever method you choose, you can use these simple instructions to install HierMenus on your Web pages. Links to extra information pertaining to the specific parameters are provided where appropriate.

The ordering of these steps is only a suggestion. Feel free to skip ahead, or backtrack to previous steps as need be. We do, however, recommend that you at least skim these instructions in their entirety before you proceed with your installation.

Setting up the Version 5 Hierarchical Menus
1.Place the overhead, function-declaration script in the HEAD of your document.Details
2.Configure the external HM_Loader.js script.Details
3.(Optional) Configure and place the page specific variables script in the HEAD of your document.Details
4.Define your menu arrays in an external file called HM_Arrays.js, remembering that top-level menu arrays have 23 extra elements.Details
5.Place the menu loading script somewhere in your page. This script will conditionally load HM_Arrays.js and HM_Loader.js depending on the browser's capabilities.Details
6.Define "hotspots" for mouseovers that display the menus using links in your page's regular HTML flow.Details

Go to Step 1

Produced by Peter Belesis and

Created: April 22, 2003
Revised: August 28, 2003

URL: http://www.webreference.com/dhtml/hiermenus/instructions/

Justtechjobs.comFind a programming school near you

Online Campus Both