Hiermenus Go Forth, II - DHTML Lab | 4 | WebReference

Hiermenus Go Forth, II - DHTML Lab | 4

Logo

Hiermenus Go Forth, II:
Version 4 - The External Arrays - New Menu Tree Parameters



Element 10 - top_is_horizontal

Description
Causes the items in a top-level menu to be displayed side-by-side (horizontally)


The menu above is permanently positioned, using the top_is_permanent Menu Tree Parameter and horizontally laid out using top_is_horizontal. We have created an in-page rollover menu extremely useful for toolbars or frameset use of HM.

DHTML Diner

The text link, above, causes a top-level menu to appear upon mouseover. This menu also has a horizontal layout and may be useful where space or design considerations are involved.

Value
Boolean
May be specified as:
  • true Boolean (true / false)
  • integer Boolean (1 / 0)
  • string JS expression to be evaluated

Example Values
true Boolean: true
    The top-level menu will have its contained items laid out left-to-right, side-by-side.
true Boolean: false
    The top-level menu will have its contained items laid out top-to-bottom, one under the other.

integer Boolean: 1
    The top-level menu will have its contained items laid out left-to-right, side-by-side.
integer Boolean: 0
    The top-level menu will have its contained items laid out top-to-bottom, one under the other.

JS expression (function call): "setTopHorizontal()"
    A custom function that you have created is called. The return value of this function will be assigned to the top_is_horizontal parameter.
JS expression (complete statement): "(IE4) ? (document.body.clientWidth>640) : (window.innerWidth>640)"
    The top-level menu will be horizontal only if the user's browser window is more than 640 pixels wide. In a narrow browser window, the top-level menu will be vertical.

Default
false.
If parameter is omitted, the top-level menu is NOT horizontally laid out. Items are displayed vertically.

Differences from Version 3 equivalent
There is no Version 3 equivalent. All menu items were displayed vertically, top-to-bottom, one under the other.

Comments
This feature is especially useful when used with a permanently-visible top-level menu, as in the first live example above.

Next, we determine whether the child menus in a menu tree are horizontal..


Produced by Peter Belesis and

All Rights Reserved. Legal Notices.
Created: Sept 05, 2000
Revised: Sept 05, 2000

URL: http://www.webreference.com/dhtml/column36/3.html