Hiermenus Go Forth, VI - DHTML Lab | 9
Hiermenus Go Forth, VI:
Version 4 - The Page-Specific Parameters (cont'd)
- Sets the horizontal distance a child menu overlaps its parent menu, as a percentage of the parent menu's width. That is, if the parent menu is 120 pixels wide and HM_PG_ChildPerCentOver is given a value of 25, then the child overlap will be 25% of 120, which is 30.
All menu trees in the page are affected.
HM_PG_ChildPerCentOver overrides HM_PG_ChildOverlap parameter and the site-wide global settings declared in the external script.
May be specified as:
- string JS expression to be evaluated
- Example Values
- integer: 30
- All child menus will overlap their parent menus by thirty percent of the parent menu width.
- All child menus will overlap their parent menus by twenty percent of the parent menu width.
JS expression: "getChildPerCentOver()"
- A custom function that you have created will be called. The return value of this function will be the HM_PG_ChildPerCentOver parameter, and all menus in the page will comply.
JS expression: "(IE4) ? ((document.body.clientWidth>800) ? 20 : 40) : ((window.innerWidth>800) ? 20 : 40)"
- The complete JS code is included in the parameter declaration. In the above example, HM_PG_ChildPerCentOver will be 20 if the browser window is more than 800 pixels wide, and 40 if it is not.
- If this parameter is omitted, the HM_PG_ChildOverlap parameter is used. If HM_PG_ChildOverlap is omitted, then the relevant Global Parameter value set in the external script is used.
- Differences from Version 3 equivalent
- The perCentOver parameter in Version 3:
- was mandatory.
- did not accept JS expression values.
- If you do not want your child menus to overlap the parent menu, give HM_PG_ChildPerCentOver a value of 0.
To leave space between your child menus and their parents, give HM_PG_ChildPerCentOver a negative value (ex:
HM_PG_ChildPerCentOver = -20. This would place your child menu away from the parent at a pixel distance of 20% of the parent's width.)
Produced by Peter Belesis andAll Rights Reserved. Legal Notices.
Created: Dec 12, 2000
Revised: Dec 12, 2000