DHTML Menus: Documentation

	The Menu, reloaded

FX Sinus offers one of the most versatile DHTML navigation systems

Either your browser doesn't support JavaScript properly, or you have turned JavaScript off. Though most of the content at fxsinus.com relies on JavaScript and is therefore not visible to you, feel free to navigate with the links below or with the help of the sitemap.

FX DHTML Menu

Menu Version Information
Reference Guide: Global Variables
Reference Guide: Style Properties
Reference Guide: Menu Properties
Reference Guide: Item Properties
FAQ
Browser Compatibility
Compatibility with other Scripts
Menu Samples Overview
Professional Webdesigners
License & Purchase
Download FX Menu

Support

E-Mail
Forum

Archive

Complete Archive Sitemap
MX Menu Wizard
MineSweeper JavaScript

FX Documentation

	Page-Integration
	Menu hierarchy
	Group behaviour
	Group style settings
	Group main settings
	Item behaviour
	Item style settings
	Indicator settings
	MSIE effects
	Positioning the menu
	Adding items and submenus

FX Web Menus Examples

	FX DHTML Menu Example
	Horizontal Web Menu
	Windows 98 Example
	Windows XP Example
	Relative Positioning
	Hiding Form Elements
	Hiding Flash animations

Group style settings v3.0.x

Group Screenshot: Borders and GapBetweenItems

Example group style array:

var groupstyle=[ 0, '', '#000000', 0, 0, 0, 0, 0, 0, '', '#000000', 1, 1, 1, 1, 1, 0, 1, 1, 0, 0 ]

Example group style array with property names:

Editing the item style for a FX DHTML menu is similar to defining css for HTML-pages. Think of it as plain text.

var groupstyle=[
0,   //GroupBorderImageActive
'',  //GroupBorderImageSrc
'#000000',//GroupBorderColorOff
0,  //GroupBorderWidth
0,  //GroupBorderLeft
0,  //GroupBorderTop
0,  //GroupBorderRight
0,  //GroupBorderBottom
0,  //GroupInnerBorderImageActive
'', //GroupInnerBorderImageSrc
'#000000',//GroupInnerBorderColorOff
1,  //GroupInnerBorderWidth
1,  //GroupInnerBorderLeft
1,  //GroupInnerBorderTop
1,  //GroupInnerBorderRight
1,  //GroupInnerBorderBottom
0,  //AllowMenuWidthHeightDisaster
1,  //UseDifferentWidthsForMenu
1,  //UseDifferentHeightsForMenu
0,  //Group3DEffect
0   //GapBetweenItems
]

Properties

Pos	Property	Description	Example	Values
0	GroupBorderImageActive	Activates a background-image, that is defined in GroupBorderImageSrc		boolean: true(1) or false(0)
1	GroupBorderImageSrc	Enter background-image path for the GroupBorder here. Important: Image-path has to be relative to the HTML-page, where the menu will be displayed and not relative to the js-file! Instead of "\" use "/".	'images/flowerbackground.gif'
2	GroupBorderColorOff
3	GroupBorderWidth	Unit: pixel. Only edit GroupBorderWidth for a Group3DEffect-width. Instead use left, top, right and bottom below. If Group3DEffect is set to false, GroupBorderWidth is ignored.	2	positive integer number
4	GroupBorderLeft	Unit: pixel.	2	positive integer number
5	GroupBorderTop	Unit: pixel.	0	positive integer number
6	GroupBorderRight	Unit: pixel.	4	positive integer number
7	GroupBorderBottom	Unit: pixel.	0	positive integer number
8	GroupInnerBorderImageActive	Activates a background-image, that is defined in GroupInnerBorderImageSrc.		boolean: true(1) or false(0)
9	GroupInnerBorderImageSrc	Enter background-image path for the GroupInnerBorder here. Important: Image-path has to be relative to the HTML-page, where the menu will be displayed and not relative to the js-file! Instead of "\" use "/".	'images/flowerbackground.gif'
10	GroupInnerBorderColorOff
11	GroupInnerBorderWidth	Unit: pixel.	2	positive integer number
12	GroupInnerBorderLeft	Unit: pixel.	6	positive integer number
13	GroupInnerBorderTop	Unit: pixel.	1	positive integer number
14	GroupInnerBorderRight	Unit: pixel.	0	positive integer number
15	GroupInnerBorderBottom	Unit: pixel.	0	positive integer number
16	AllowMenuWidthHeightDisaster	Only experienced users should set AllowMenuWidthHeightDisaster to true(1). Allows to set items with different heights in a horizontal group and different widths in a vertical group. In the standard-settings AllowMenuWidthHeightDisaster is false: For a vertical group UseDifferentWidthsForMenu is automatically set to true and UseDifferentHeightsForMenu to false.	0	boolean: true(1) or false(0)
17	UseDifferentWidthsForMenu	For experienced users. Only edit, if AllowMenuWidthHeightDisaster is true(1).	0	boolean: true(1) or false(0)
18	UseDifferentHeightsForMenu	For experienced users. Only edit, if AllowMenuWidthHeightDisaster is true(1).	0	boolean: true(1) or false(0)
19	Group3DEffect	Creates a 3D-effect for a group. Width of the 3D-effect is GroupBorderWidth. ItemBorderColor and ItemInnerBorderColor should have different values.		boolean: true(1) or false(0)
20	GapBetweenItems	Unit: pixel. Background-Color is GroupInnerBgColorOff.	3	positive integer number

Home | Forum | Link to us

FXsinus.com - Austria.

Vor der Bruck 15,

A-2770 Goodstone