The Menu, reloaded

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 behaviour v3.0.x

Example group behaviour array:

var groupbehaviour=[ 1, 1, 1, , 0, 1, , 500, 1500, '#FFFFFF', 1, 1, 1, , , , , , , 0, , , , , , , , , 0, 500, , , , , , , , , , , , , , 'pointer', , '', 1, , , 7, 0 ]

Example group behaviour 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 groupbehaviour=[
1, //MenuOpensOnClickOrOnMouseOver click:1, mouse:0
1, //MenuClosesOnClick
1, //MenuClosesOnMouseOut
,  //for future purpose
0, //MenuClosesIfMouseOverOtherItem
1, //MenuClosesIfClickOnOtherItem
,  //for future purpose
500,  //MenuDisplayDelay only in v 3.0.1 or later available
1500, //MenuTimeDisappearGap
'#FFFFFF',  //AlternateOpera5n6TransparencyColor
1, //MenuPathStaysHighlited
1, //PositionIsRelativeOrAbsolute absolute:0 relative:1
1, //ActivationIntensity
,  //ScrollingFollowSpeed for future purpose
,  //ScrollingFollowRate for future purpose
,  //RightToLeftHebrew for future purpose
,  //FirstLineFrame for future purpose
,  //SecondLineFrame for future purpose
0,  //MainMenuExpandWidth
,  //MainMenuHorizontalPosition center:c right:r
,  //MainMenuVerticalPosition for future purpose
,  //MenuIsStaticVertical for future purpose
,  //MenuIsStaticHorizontal for future purpose
,  //IntelligentSmoothScrolling for future purpose
,  //TypeOfMenu (sideMenu,...) for future purpose
,  //RighClickMenuDisappearDelay  for future purpose
,  //ShowProductInfoFXsinus for future purpose
,  //DivIdForRelativePositioning for future purpose
0, //FirstMenuIsCommonHTML
500,//MenuZIndex
,   //EnableDragAndDrop for future purpose
,   //JavaScriptCommandOnAppear for future purpose
,   //JavaScriptCommandOnDisappear for future purpose
,   //JavaScriptFunctionToCallBeforeStart for future purpose
,   //JavaScriptFunctionToCallAfterBuild for future purpose
,   //JavaScriptFunctionToCallBeforeFirstOpen for future purpose
,   //JavaScriptFunctionToCallAfterCloseAll for future purpose
,   //WindowOnErrorFunctionActivate for future purpose
,   //DeactivateBrowserSupportForN4 for future purpose
,   //DeactivateBrowserSupportForIE4 for future purpose
,   //DeactivateBrowserSupportForOpera for future purpose
,   //DeactivateBrowserSupportForN6 for future purpose
,   //for future purpose
'pointer',//ChooseStandardCursor
,   //DisallowTextSelect for future purpose
'', //LinkTextStatusStandard
1,  //IntelligentSubMenuPositioningCorrection
,   //PreferredScreenResolutionHorizontal
,   //PreferredScreenResolutionVertical for future purpose
7,  //IntelligentSubMenuPositioningLeftcorr
0   //IntelligentSubMenuPositioningTopcorr for future purpose
]

Properties

purpose
PosPropertyDescriptionExampleValues
0MenuOpensOnClickOrOnMouseOver click:1, mouse:0Menus can open on "click" or "mouseover" event. Set to true(1) if the menu should open on "click" event. boolean: true(1) or false(0)
1MenuClosesOnClickClose a submenu by clicking on an item. boolean: true(1) or false(0)
2MenuClosesOnMouseOut  boolean: true(1) or false(0)
3for future purpose   
4MenuClosesIfMouseOverOtherItem  boolean: true(1) or false(0)
5MenuClosesIfClickOnOtherItem  boolean: true(1) or false(0)
6for future purpose   
7MenuDisplayDelayOnly in v 3.0.1 or later available.Unit is millseconds. Delay until a submenu opens.350positive integer number
8MenuTimeDisappearGapUnit is millseconds.800positive integer number
9AlternateOpera5n6TransparencyColorOpera 5 and Opera 6 don't support background-color transparency properly, therefore you have to define an alternate color here. Whenever a background- or border-color is set to "transparent", Opera 5 and 6 will take AlternateOpera5n6TransparencyColor instead.'#FFFFFF' 
10MenuPathStaysHighlited  boolean: true(1) or false(0)
11PositionIsRelativeOrAbsolute absolute:0 relative:1Only edit this feature, if FirstMenuIsCommonHTML is true. Set to false(0) for absolute positioning, define position in OffsetLeft and OffsetTop for each group. Set to true(1) for relative positioning (mouseposition).  boolean: true(1) or false(0)
12ActivationIntensitySpecial feature: Expands the sensitive area of the item. The item reacts earlier on "mouseover"-event and the menu keeps the focus. Activatonintensity is 3: Both ItemBorders belong to the sensitive area. Activatonintensity is 2: InnerItemBorder belongs to the item. Activatonintensity is 1: Only the item itself is sensitive for events. 3 is recommended.31,2 or 3
13ScrollingFollowSpeed for future purpose   
14ScrollingFollowRate for future purpose   
15RightToLeftHebrew for future purpose   
16FirstLineFrame for future purpose   
17SecondLineFrame for future purpose   
18MainMenuExpandWidthExpands a horizontal main menu to 100%. true(1) or false(0)
19MainMenuHorizontalPosition center:c right:rOnly edit this feature, if FirstMenuIsCommonHTML is false. Positions the menu in the center of a page or at the right side. Leave empty to position the menu left. 'c','r' or leave empty.
20MainMenuVerticalPosition for future purpose   
21MenuIsStaticVertical for future purpose   
22MenuIsStaticHorizontal for future purpose   
23IntelligentSmoothScrolling for future purpose   
24TypeOfMenu (sideMenu,...) for future purpose   
25RighClickMenuDisappearDelay for future purpose   
26ShowProductInfoFXsinus for future purpose   
27DivIdForRelativePositioning for future purpose   
28FirstMenuIsCommonHTMLImportant feature: The first level of your menus can be written with DHTML or you define it as HTML in your page. We recommend to set FirstMenuIsCommonHTML for the main-navigation to true(1) for several reasons: Visitors with exotic or very old browsers can't execute the code, they can't navigate through the menu. Search-robots don't understand JavaScript, therefore they can't follow your links.
You may compensate it with a sitemap, but nevertheless we recommend to define the first level as HTML.
FirstMenuIsCommonHTML is true(1): Define position in OffsetLeft and OffsetTop for each group; depends on the value of PositionIsRelativeOrAbsolute.
 boolean: true(1) or false(0)
29MenuZIndexControlls the z-Index behaviour of the group. Necessary if you have other "divs" defined on your page.500positive integer number
30EnableDragAndDrop for future purpose   
31JavaScriptCommandOnAppear for future purpose   
32JavaScriptCommandOnDisappear for future purpose   
33JavaScriptFunctionToCallBeforeStart for future purpose   
34JavaScriptFunctionToCallAfterBuild for future purpose   
35JavaScriptFunctionToCallBeforeFirstOpen for future   
36JavaScriptFunctionToCallAfterCloseAll for future purpose   
37WindowOnErrorFunctionActivate for future purpose   
38DeactivateBrowserSupportForN4 for future purpose   
39DeactivateBrowserSupportForIE4 for future purpose   
40DeactivateBrowserSupportForOpera for future purpose   
41DeactivateBrowserSupportForN6 for future purpose   
42for future purpose   
43ChooseStandardCursorDisplays a different cursor on "mouseover" event in all DOM-compliant browsers(MSIE 5+, NETSCAPE 6+, OPERA 7+, ...).'pointer' for linked items.'auto', 'default', 'crosshair', 'pointer', 'move', 'n-resize', 'ne-resize', 'e-resize', 'se-resize', 's-resize', 'sw-resize', 'w-resize', 'nw-resize', 'text', 'wait', 'help'
44DisallowTextSelect for future purpose   
45LinkTextStatusStandardMessage, that appears in the window statusbar, when you move your mouse over the item. Disappears "onmouseout"-event. Enter any text.'Fred\'s guitars'Strings, numbers. No HTML-Tags,no images.
46IntelligentSubMenuPositioningCorrectionIntelligent repositioning keeps track of your visitors screen resolution. Menus will always be kept inside the window's boundaries. Only set to true(1), if you think you might need it. boolean: true(1) or false(0)
47PreferredScreenResolutionHorizontalIntelligentSubMenuPositioningCorrection has to be true(1) to use this feature. Keeps your menu inside the horizontal boundary you define. Unit is pixel.650positive integer number
48PreferredScreenResolutionVertical for future purpose   
49IntelligentSubMenuPositioningLeftcorrIntelligentSubMenuPositioningCorrection has to be true(1) to use this feature. Unit is pixel. This correction prevents the window to get horizontal scrollbars, when you add a style like "dropshadow" with a certain width. The width of the shadow should have the same value as IntelligentSubMenuPositioningLeftcorr.4positive integer number.
50IntelligentSubMenuPositioningTopcorr for future purpose   
Home | Forum | Link to us
FXsinus.com - Austria.
Vor der Bruck 15,
A-2770 Goodstone
 © Copyright 2001-2004 © FXsinus.com, All Rights Reserved. webmaster@fxsinus.com