home / docs / archive / version 4 / instructions / step 3

V4 Setup Instructions
Step 3 of 6

While the HM_Loader.js script is home to all of the site-wide parameters, or global parameters that are used to control the look and feel of your HierMenus; you can also control the display of your menus on a page by page basis. You accomplish this by inserting this page specific parameter script within the document you want to specifically control. Since HierMenus automatically looks to the global parameters discussed on the previous page when menu or page specific parameters are not provided, this step is optional and only necessary if you have a page or pages that need to behave differently from the rest of your site.

In the absence of a menu specific parameter, HierMenus will use these page specific parameters to control the display of menus on an individual page. You will notice the variables here are the same as the global parameters, with the exception that these parameters are all prefixed with HM_PG. Though these parameters can appear anywhere on your page before the HM_Loader.js script, we recommend that you place them in the HEAD section of your document. Also note that you do not need to insert this entire script if you don't need all the variables; just insert the variables you actually need to specify.

The configurable page specific parameters should be inserted as follows:

<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 = "HM_More_black_right.gif";
HM_PG_ImageSrcLeft = "HM_More_black_left.gif";
HM_PG_ImageSrcOver = "HM_More_white_right.gif";
HM_PG_ImageSrcLeftOver = "HM_More_white_left.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_ChildSecondsVisible = .3;
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_PG_ScrollEnabled = false;
HM_PG_ScrollBarHeight = 14;
HM_PG_ScrollBarColor = "lightgrey";
HM_PG_ScrollImgSrcTop = "HM_More_black_top.gif";
HM_PG_ScrollImgSrcBot = "HM_More_black_bot.gif";
HM_PG_ScrollImgWidth = 9;
HM_PG_ScrollImgHeight = 5;

HM_PG_ScrollBothBars = false;

HM_PG_HoverTimeTop  = 1000;
HM_PG_HoverTimeTree = 1000;
// -->
</SCRIPT>

These variables have been discussed in detail in these columns: column 40, column 41, and column 42.

A quick reference version is reproduced here: