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

Hiermenus Go Forth, II - DHTML Lab | 6

Logo

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



Element 11 - tree_is_horizontal

Description
Causes the items in all child menus in a menu tree to be displayed side-by-side (horizontally)


The menu to the left is a permanently positioned top-level menu. All child menus appear in a horizontal layout.










The menu above is a horizontal permanently positioned top-level menu. The child menus are also horizontal.

DHTML Lab



The text link, above, causes a horizontal top-level menu to appear upon mouseover. The child menus are also horizontal.

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
    All child menu items are laid out left-to-right, side-by-side.
true Boolean: false
    All child menu items are laid out top-to-bottom, one under the other.

integer Boolean: 1
    All child menu items are laid out left-to-right, side-by-side.
integer Boolean: 0
    All child menu items are laid out top-to-bottom, one under the other.

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

Default
false.
If omitted, the child menus are NOT horizontally laid out. Items are displayed vertically.

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

Comments
This parameter sets values for all child menus in a menu tree regardless of the number of menus. It does not affect the top-level menu layout. To create a menu tree where all menus (top-level and child menus) are horizontal you need to set top_is_horizontal as well as tree_is_horizontal.

Next, a parameter to help eliminate the guesswork in positioning.


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/4.html