Hiermenus Go Forth, VIII - DHTML Lab | 4 | WebReference

Hiermenus Go Forth, VIII - DHTML Lab | 4

Logo

Hiermenus Go Forth, VIII:
Version 4.0.1 - The Complete Script (Full-Window)



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 browser detection has been moved to the new HM_Loader.js external file. 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 external script.

View this page in a new window.

<HTML>
<HEAD>
<TITLE>HM Version 4.0.1 Examples</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
if(window.event + "" == "undefined") event = null;
function HM_f_PopUp(){return};
function HM_f_PopDown(){return};
popUp = HM_f_PopUp;
popDown = HM_f_PopDown;
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!--
/***************************************************************************
                            IN-PAGE PARAMETERS
***************************************************************************/
HM_PG_MenuWidth = 150;
HM_PG_FontFamily = "Arial,sans-serif";
HM_PG_FontSize = 10;
HM_PG_FontBold = false;
HM_PG_FontItalic = false;
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 = "black";
HM_PG_ImageSrc = "tri.gif";
HM_PG_ImageSize = 5;
HM_PG_ImageHorizSpace = 0;
HM_PG_ImageVertSpace =0;
HM_PG_KeepHilite = true; 
HM_PG_ClickStart = 0;
HM_PG_ClickKill = true;
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_a_TreesToBuild = [];
//-->
</SCRIPT>
</HEAD>
<BODY>
<STYLE TYPE="text/css">
#two{position:absolute;left:50;top:50}
#one{position:absolute;left:50;top:150}
#three{position:absolute;left:50;top:300}
</STYLE>
<H3>Sample HTML page with 3 Hierarchical Menus</H3>
<DIV ID=two>Permanent Menu:</DIV>
<DIV ID=one><A HREF="javascript:void(0)" onMouseOver="HM_f_PopUp('elMenu1',event)" onMouseOut="HM_f_PopDown('elMenu1')" onClick="return false">Relative-to-Mouse-Position Popup Menu</A></DIV>
<DIV ID=three><A HREF="javascript:void(0)" onMouseOver="popUp('HM_Menu3',event)" onMouseOut="popDown('HM_Menu3')" onClick="return false">Absolute Position Popup Menu</A></DIV>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="HM_Loader.js" TYPE='text/javascript'></SCRIPT>
</BODY>
</HTML>

On the next page, the new HM_Loader.js external file.


Produced by Peter Belesis and

All Rights Reserved. Legal Notices.
Created: Jan 04, 2001
Revised: Jan 04, 2001

URL: http://www.webreference.com/dhtml/column44/4.html