DHTML Lab: HierMenus CENTRAL: Version 3 Full Window Instructions, Step 5 - dhtmlab.com
Full Window (No Frames) -
Step 5 of 5
Revised: June 26, 2001
For every menu tree that you have defined, you should create a link in your page. These links should conform to this backward-compatible syntax:
<BODY> . . other HTML . <A HREF="/" onMouseOver="popUp('elMenu1',event)" onMouseOut="popDown('elMenu1')">Webreference</A> <A HREF="/index2.html" onMouseOver="popUp('elMenu2',event)" onMouseOut="popDown('elMenu2')">Contents</A> . . other HTML . </BODY>
|Link Syntax Details|
|HREF||Make sure that a valid URL is included as the value of the HREF attribute. All browsers that do not support menus will not display the menu trees, and associated links, and need this link to navigate.|
|The event handlers must be onMouseOver and onMouseOut even if you have set the clickStart and clickKill parameter variables to true (displaying and/or hiding menus with mouse click. see step 3.) The menu script will adapt to the parameters you have set.|
|popUp('elMenu1',event)||popUp() takes two arguments:|
|popDown('elMenu1')||popDown() takes only one argument, but it must be the same menu identifier as the popUp() first argument. That is, if popUp() has "elMenu2_3_2" as its first argument, |
|link display text||The link's display text should, of course, describe the menu tree, but should also make sense to users who will not see the menus. For example, the link text should never read: "Menu 2" or "Mouseover to see Menu." Since an old browser user will click on it to navigate, they must be informed of where they are going.|
Once you have included all your in-page links, the menu navigation system for your site is complete! Painless, wasn't it?
You must follow the same steps for all pages that include the menus. Keep in mind:
The same external files can be used for all pages.
Each page can choose which menu trees are displayed by linking only to the wanted menus. Of course, all menus will be created. Some will simply not be used.
In the same way, each page can choose where in the menu tree hierarchy to start displaying each menu tree, by setting the first arguments of popUp() and popDown() as described above.
Produced by Peter Belesis and
All Rights Reserved. Legal Notices.
Created: July 20, 1999
Revised: June 26, 2001