Hiermenus Go Forth, V - DHTML Lab | 5 | WebReference

Hiermenus Go Forth, V - DHTML Lab | 5


Hiermenus Go Forth, V:
Version 4 - The Page-Specific Parameters (cont'd)


Sets the border style for all menus in the page. All menus, in all cascades (top-level and children) are affected.

HM_PG_BorderStyle overrides site-wide global settings declared in the external script.

CSS border style

May be specified as:
  • string
  • string JS expression to be evaluated

Only Internet Explorer and Netscape 6 will render the border style. Navigator 4 will always render a border as "solid".

Example Values
string: "double"
    All menus in the page will have a double-line border, for Explorer users.

JS expression: "getBorderStyle()"
    A custom function that you have created will be called. The return value of this function will be the HM_PG_BorderStyle parameter, and all menus in the page will comply.

JS expression: "(IE4) ? ((document.body.clientWidth
    The complete JS code is included in the parameter declaration. In the above example, HM_PG_BorderStyle will be solid if the browser window is less than 800 pixels wide, and double if it is not.

If this parameter is omitted, the relevant Global Parameter value set in the external script is used.

Differences from Version 3 equivalent
The borSty parameter in Version 3:
  • was mandatory.
  • did not accept JS expression values.

If you coordinate the three border parameters (HM_PG_BorderStyle, HM_PG_BorderColor and HM_PG_BorderWidth) and the font and background related parameters, to have IE-specific values for IE users, you can easily create Window look-alike menus. For example, the values:
HM_FontFamily = "MS Sans Serif";
HM_FontSize = 8;
HM_FontColor = "menutext";
HM_FontColorOver = "highlighttext";
HM_BGColor = "menu";
HM_BGColorOver = "highlight";
HM_BorderWidth = 2;
HM_BorderColor = "threedhighlight";
HM_BorderStyle = "outset";
HM_SeparatorSize = 0;
will create menus that look like this:

If you decide on a double style, remember that a border width of at least 3 pixels is required otherwise the border style will not render.

Next, HM_PG_SeparatorSize.

Produced by Peter Belesis and

All Rights Reserved. Legal Notices.
Created: Dec 06, 2000
Revised: Dec 06, 2000

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