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
