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

Item behaviour v3.0.x

Example item behaviour array:

['FXsinus',,,,,,'http://www.fxsinus.com','blank',itemstyle,'','',0,82,20,3,1,1,1,,15,15,'','','','',1000],

Example item array with property names:


[
'FXsinus',                     //LinkTextOFF
,                              //LinkTextON
,                              //LinkTextONCLICK
,                              //ImageOFF
,                              //ImageON
,                              //ImageONCLICK
'http://www.fxsinus.com',      //LinkURL
'blank',                       //LinkTarget
itemstyle,                     //DEFINES STYLE SETTINGS
'',                            //LinkTextStatusBar
'',                            //LinkToolTip
0,                             //ItemHasSubMenu
82,                            //ItemWidth
80,                            //ItemHeight
3,                             //ActivationIntensity
1,                             //ChangeItemStyleOnMouseOver
1,                             //ChangeItemStyleOnMouseOut
1,                             //ChangeItemStyleOnClick
'',                            //for future purpose
15,                            //ImageWidth
15,                            //ImageHeight
'',                            //CursorOn
'',                            //JavaScriptCommandOff
'',                            //JavaScriptCommandOn
'',                            //JavaScriptCommandClick
1000                           //LinkURLDelay only in v 3.0.1 or later available
],

Properties

PosPropertyDescriptionExampleValues
0LinkTextOFFOnly use HTML-tags, if you have a Menu Version later than 3.0.0, that supports text and HTML-tags by now. LinkText defines text that will be printed within item's rectangle. If you use quotes in your link-text, do it as follows: 'Fred\'s guitars'. Do not enter image-paths here, they are handled like strings (for images use ImageOFF).'FXsinus' or 'Fred\'s guitars'
'<b>FX Menu</b>'
Strings, numbers.
1LinkTextONText, that appears on "onmouseover"-event. Leave empty, if you don't need it. Feature is not supported by Opera 5 and Opera 6. If you haven't defined LinkTextOFF the menu doesn't display LinkTextON. Anyway, if you need it as an effect, define LinkTextOFF as follows:
'  ' (quotes with a space in between).
'Click to visit FXsinus'
'View Fred\'s guitars!' 'Click to open'
Strings, numbers. No HTML-Tags,no images.
2LinkTextONCLICKText, that appears on "onclick"-event. Feature is not supported by Opera 5 and Opera 6. Only executed if the item doesn't have a defined LinkURL or "LinkURLdelay" is defined.'Submenu opened'Strings, numbers. No HTML-Tags,no images.
3ImageOFFEnter image-path here. Feature is meant for "main"-images. Better use LeftArrow in the itemstyle-settings to compare LinkText and images. 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 "/".
If you use ImageOFF, you have to define ImageWidth and ImageHeight below. You can't set different widths respectively heights for ImageOFF, ImageON, ImageCLICK.
'images/fredsfirstguitarOff.jpg'image-path
4ImageONImage, that appears on "onmouseover"-event. Leave empty, if you don't need it. ImageOFF has to be defined. "Image out of nothing": Define a transparent spacer.gif in ImageOFF.'images/fredsfirstguitarOn.jpg'image-path
5ImageCLICKImage, that appears on "onclick"-event. Only executed if the item doesn't have a defined LinkURL.'images/fredsfirstguitarClick.jpg'image-path
6LinkURLEnter URL, leave blank or use 'javascript:myfunction(myvalue)'. Instead of "\" use "/". If you want to go to a URL and call a JavaScript function at the same time use the "JavaScriptCommandClick" below.'fredsguitars.html' or 'http://www.frediscool.com/fredsguitars.html' or 'javascript:myfunction()' 
7LinkTargetEnter target. If the target isn't set or the called target isn't available, the link opens in the same window.'blank', 'mytargetname''blank', '', 'self', 'parent', 'top' or any targetname
8DEFINES STYLE SETTINGSName of variable, where the general settings for the item are defined. The variable connects each item with a certain style-setting. itemstyle
separatorstyle
freakstyle
-
9LinkTextStatusBarMessage, 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.
10LinkToolTipInfo appears in a small layer, (behaves like a common title-tag or alt-tag in images). Enter any text.'Click to view my guitars'Strings, numbers. No HTML-Tags,no images.
11ItemHasSubMenuSet to 1, if the item has a submenu. 1 or 0boolean: true(1) or false(0)
12ItemWidthSet width of item in pixels. Ignored, if the item is in a vertical group.190positive integer number
13ItemHeightSet height of item in pixels. Ignored, if the item is in a horizontal group.25positive integer number
14ActivationIntensitySpecial 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
15ChangeItemStyleOnMouseOverSet to false(0) to lock the item style on "mouseover" event: Item keeps current style settings. Lock it to make a header or a separator-item.1 or 0boolean: true(1) or false(0)
16ChangeItemStyleOnMouseOutSet to false(0) to lock the item style on "mouseout" event: Item keeps either the "ON" style or the "CLICK" style.1 or 0boolean: true(1) or false(0)
17ChangeItemStyleOnClickSet to false(0) to lock the item style on "click" event: Item keeps style-settings, but the code would f. example execute a defined LinkURL.1 or 0boolean: true(1) or false(0)
18for future purpose   
19ImageWidthNecessary, if you have defined ImageON. (pixels).190positive integer number
20ImageHeightNecessary, if you have defined ImageON. (pixels).25positive integer number
21CursorOnDisplays 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'
22JavaScriptCommandOffAllows you to define any JavaScript function. Works like an interface between the FX code and your own functions.alert("mouseover")
myfunction()
Any function, that you have defined
23JavaScriptCommandOnAllows you to define any JavaScript function. Works like an interface between the FX code and your own functions.alert("mouseover")
myfunction()
Any function, that you have defined
24JavaScriptCommandClickAllows you to define any JavaScript function. Works like an interface between the FX code and your own functions.alert("mouseover")
myfunction()
Any function, that you have defined
25LinkURLDelayOnly in v 3.0.1 or later available. Delay to show an "onclick" style of an item, before you are forwarded to the "LinkURL". It's not necessary to set this property. Attention: A defined JavaScript function in "LinkURL" will bedelayed too. Unit is milliseconds.800Positive integer number
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