| home / experts / dhtml / column49 |
|
This is a sample HTML Page that includes three menu trees (LoadMe.html in the download.) The top-level menus can be permanently visible or popup. The initial script defining event and dummy functions is for non-menu-compliant browsers. The Page Parameters are optional and override Global settings set in the HM_Loader.js external script.
View this page in a new window.
<HTML>
<HEAD>
<TITLE>HM Version 4.0.6 Examples</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
if(window.event + "" == "undefined") event = null;
function HM_f_PopUp(){return false};
function HM_f_PopDown(){return false};
popUp = HM_f_PopUp;
popDown = HM_f_PopDown;
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!--
HM_PG_MenuWidth = 150;
HM_PG_FontFamily = "Arial,sans-serif";
HM_PG_FontSize = 10;
HM_PG_FontBold = 0;
HM_PG_FontItalic = 0;
HM_PG_FontColor = "blue";
HM_PG_FontColorOver = "white";
HM_PG_BGColor = "#DDDDDD";
HM_PG_BGColorOver = "#FFCCCC";
HM_PG_ItemPadding = 3;
HM_PG_BorderWidth = 2;
HM_PG_BorderColor = "black";
HM_PG_BorderStyle = "solid";
HM_PG_SeparatorSize = 2;
HM_PG_SeparatorColor = "#d0ff00";
HM_PG_ImageSrc = "tri.gif";
HM_PG_ImageSrcLeft = "triL.gif";
HM_PG_ImageSize = 5;
HM_PG_ImageHorizSpace = 0;
HM_PG_ImageVertSpace = 2;
HM_PG_KeepHilite = true;
HM_PG_ClickStart = 0;
HM_PG_ClickKill = false;
HM_PG_ChildOverlap = 20;
HM_PG_ChildOffset = 10;
HM_PG_ChildPerCentOver = null;
HM_PG_TopSecondsVisible = .5;
HM_PG_StatusDisplayBuild =1;
HM_PG_StatusDisplayLink = 1;
HM_PG_UponDisplay = null;
HM_PG_UponHide = null;
HM_PG_RightToLeft = false;
HM_PG_CreateTopOnly = 1;
HM_PG_ShowLinkCursor = 1;
HM_PG_NSFontOver = true;
//HM_a_TreesToBuild = [1,2];
//-->
</SCRIPT>
</HEAD>
<BODY>
<BLOCKQUOTE>
<H3>Sample HTML page with 3 Hierarchical Menus</H3>
<P>Permanent Menu:</P>
<BR><BR>
<P><A HREF="http://hiermenuscentral.com/aLinkForOldBrowsersGoesHere.html"
onMouseOver="HM_f_PopUp('elMenu1',event)"
onMouseOut="HM_f_PopDown('elMenu1')">
Relative-to-Mouse-Position Popup Menu</A></P>
<BR>
<P><A HREF="http://hiermenuscentral.com/aLinkForOldBrowsersGoesHere.html"
onMouseOver="popUp('HM_Menu3',event)"
onMouseOut="popDown('HM_Menu3')">
Absolute Position Popup Menu</A></P>
</BLOCKQUOTE>
<SCRIPT LANGUAGE="JavaScript1.2"
SRC="HM_Loader.js"
TYPE='text/javascript'></SCRIPT>
</BODY>
</HTML>
On the next page, the HM_Loader.js external file.
Produced by Peter Belesis and
Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia
Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers
All Rights Reserved. Legal Notices.
Created: Mar 22, 2001
Revised: Mar 22, 2001
URL: http://www.webreference.com/dhtml/column49/3.html
