Hiermenus Go Forth, IX - DHTML Lab | 5
Hiermenus Go Forth, IX:
Version 4.0.2 - 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.2 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_ImageSrcLeft = "triL.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:50px;top:50px} #one{position:absolute;left:50px;top:150px} #three{position:absolute;left:50px;top:300px} </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 HM_Loader.js external file.
Produced by Peter Belesis and
All Rights Reserved. Legal Notices.Created: Jan 09, 2001
Revised: Jan 09, 2001
URL: https://www.webreference.com/dhtml/column45/5.html