WebRef   Sitemap · Experts · Tools · Services · Newsletters · About

Developer News Google to Shake Up Browsers With Own Launch Mozilla's Ubquity Mashup: For The Masses? iPhone Users Just Want to Have Fun

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

HM_PG_BorderStyle

Description

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.

Value

CSS border style

May be specified as:

• string
• string JS expression to be evaluated

Note:
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<800) ? 'solid' : 'double') : ((window.innerWidth<800) ? 'solid' : 'double')"

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.

Default

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.

Comments

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

Search: Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia Jupitermedia Corporate Info Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy. Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

The latest from WebReference.com Browse > Site Contents - - - - - Experts * 3D Animation * Design * DHTML * Graphics * HTML * JavaScript * Perl * XML - - - - - Web Resources * Authoring * Design * Internet * Multimedia * Programming * Promotion - - - - - Services * Interviews * Newsletters * Reviews * Search * Tools The Partial Function Application in JavaScript · Creating Dynamic RSS Feeds with Ajax · Performance Optimizations for High Speed JavaScript Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters >   The latest from internet.com Cablevision Deploys More Hotspots for Commuters · Dell Joins the Netbook Movement with its Inspiron Mini 9 · It's Official: Dell Enters the Netbook Fray

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

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