Usage | Properties | Item Code Ref |
Menu Code Ref |
Details | ||
S | M | I | align | 36 | 8 | The align property sets the Text Alignment within all menu
items.... Values: 'left', 'center' or 'right' Example: align='center'; |
M | alwaysvisible | 7 | alwaysvisible is used to promote standard sub menus to main menu. The alwaysavailable property will constantly keep a menu open and in position. | |||
S | I | bgimage | 46 | Inserts a Background Image for each menu item. This property
gives the menu a custom made graphic look. Example: bgimage='background.gif'; |
||
S | bordercolor | Sets the Border Color of all menus. All valid HTML colornames
or hex values can be used here. Example: bordercolor='#000000'; - Note that the hash is needed for all hex value definitions. |
||||
S | borderstyle | Sets the Border Style for all menus. All valid CSS 1 and
CSS 2 values can be declared for stylename.borderstyle. Values: 'solid',
'dashed', 'dotted', 'double', 'groove', 'ridge', 'inset' & 'ouset'. Example: borderstyle='dashed'; |
||||
S | borderwidth | Sets the Border Width for all menus. Values must be declared
as pixels. This is because the menu needs to know the width for positioning
calculations. Example: borderwidth=1 |
||||
M | C | 33 | ? | |||
S | I | clickbgcolor | 81 | Changes the background color once the item has been clicked.
All valid HTML colornames or hex values can be used here. Note that the hash
is needed for all hex value definitions. Example: clickbgcolor='#FFFFFF'; |
||
S | I | clickbgimage | 88 | Used in conjunction with bgimage. Changes the bgimage
once an item has been clicked. Example: clickbgimage="you image name"; |
||
S | I | clickclass | 87 | Clickclass is used in conjunction with offclass, allowing one to set css values for the menu | ||
S | I | clickcolor | 80 | Changes the text color once the item has been clicked. All
valid HTML colornames or hex values can be used here. Note that the hash
is needed for all hex value definitions. Example: clickcolor='#333333'; |
||
S | I | clickfunction | 62 | Inserts a clickfunction which is used to fire a custom JavaScript function when an item link is clicked. | ||
S | I | clickimage | 82 | Inserts an image once the item has been clicked. Example: clickimage='select.gif'; |
||
S | I | clickseparatorimage | 91 | Changes the separatorimage when item is clicked. Example: clickseparatorimage="your image name"; Is very useful in design |
||
S | I | clicksubimage | 83 | Changes the subimage once the item has been clicked. Example: clicksubimage='arrow_on.gif'; |
||
S | I | closeonclick | 40 | Allows the menu to be closed by a click of the mouse on the
main menu as well it automatically closing as the mouse rolls off the selected
menu. Values: 'true', 'false', '0' or '1' Example: closeonclick=1; Example: closeonclick=true; |
||
S | I | custom | 115 | Changed the way clickAction works. By default, clickaction will now execute and return true and continue after a menu item has been clicked. To get clickaction to return false and cease following a url you can add custom=retFalse to your menu aI string. | ||
S | I | decoration | 33 | Sets the Font Decoration for all menu text. All valid CSS1
& CSS2 text-decoration values can be declared. Values: 'none', 'underline', 'overline' or 'line-through'. Example: decoration='underline'; |
||
S | I | disabled | 96 | One of the classes of type. Example: aI("text=Hello;url=some url;type=disabled;"); |
||
M | divides | 26 | Provides the ability to separate menu items into rows and
columns Example: divides=2; will divide a horizontal menu into two rows and a vertical menu in two columns |
|||
S | I | dividespan | 97 | ? | ||
S | I | dragable | 86 | Declaring dragable allows a menu to be dragged with the mouse.
It can also be used in a menu item for declaring dragable menus - dragable=true;
which will allow the menu item to become a dragable menu item allowing the
user to also declare a type of menu. This means header type menu items can
also be dragable. Example: aI("text=Drag Me Anywhere;dragable=true;type=header;"); |
||
S | I | fileimage | 79 | ? | ||
M | followscroll | 19 | setting followscroll to 1 will activate the ability for absolute positioned menus to remain viewable within the browser window should the user scroll down the page. | |||
S | I | fontfamily | 15 | Sets the Font Family for all menu text. The Font must be
present on the local computer otherwise the default browser font will be
used. Font Family values can be separated by a comma with a preference to
use the first font found. Example: fontfamily = 'arial, verdana, tahoma'; |
||
S | I | fontsize | 12 | Sets the Font Size for all menu text. Font Sizes can be declared
as any valid CSS1 or CSS2 font sizes. Default values are in pixel but em,
pt etc can be used providing the value is enclosed in quotes. Example: fontsize=10; Example: fontsize='75%'; |
||
S | I | fontstyle | 13 | Sets the Font Style for all menu text. Values: 'normal' or 'italic'. Example: fontstyle ='italic'; |
||
S | I | fontweight | 14 | Sets the Font Weight for all menu text. Values: normal or bold. Other values can be used but have different outputs depending on browser. These are bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Example: fontweight='bold'; |
||
S | I | headerbgcolor | 21 | Sets the Header Background Color for all header menu items.
This will set the backgound color declared for each menu item that has been
declared a header. All valid HTML colornames or hex values can be used
here. Example: headerbgcolor='#666666'; |
||
S | I | headerborder | 74 | Allows all of the headerborder property settings for the
four borders to be fixed in one declaration for each menu item that has been
declared a header. All valid HTML colornames or hex values can be used
here. Example: headerborder='1px solid #000000'; |
||
S | I | headercolor | 20 | Sets the Header Font Color for each menu item that has been
declared a header. Example: headercolor='#999999'; |
||
S | I | high3dcolor | 16 | Sets the High Border Color on 3D Objects for all menus. This
is the color for menus and menuitem that have been specified to be 3 dimensional
in style. Rather like the way in which Windows 98 menus appear. The High
Color denotes the shadow color as a direct hit from the light source. Example: high3dcolor='#FFFFFF'; |
||
S | I | hotkey | 107 | Provides the ability to declare ctrl+[char] hotkey in the keypress.js module | ||
S | I | id | 103 | |||
M | ignorecollision | 25 | ? | |||
S | I | image | 29 | Sets the Menu Item Image for your menu style. All menu items
using this style will include the declared image. Image positioning and alignment
can be performed by each menu item. Example: image='item_background.gif'; |
||
S | I | imagealign | 31 | Sets the Image Alignment for the item image specified
above. Values: 'left', 'center' or 'right' Example: imagealign='left'; |
||
S | I | imageborderwidth | 89 | ? | ||
S | I | imageheight | 37 | Sets the Image Height for the item image specified above. Example: imageheight=20; |
||
S | I | imagepadding | 60 | Sets the amount of Image Padding around the item image specified
above. Example: imagepadding=5; |
||
S | I | imageposition | 30 | Will change the position of menu item images. Valid values are top, middle, bottom, left, center or right. | ||
S | I | imageurl | 84 | ? | ||
S | I | imagewidth | 38 | Sets the Image Width for the item image specified above. Example: imagewidtht=20; |
||
S | M | I | itemheight | 28 | 18 | Sets a specific Item Height for all menu items using the
style. Example: itemheight=28; |
S | M | I | itemwidth | 55 | 4 | Sets a specific Item Width for all menu items using the
style. Example: itemwidth=130; |
S | M | I | keepalive | 41 | 10 | This property allows the menu to remain active when it would
normally have disappeared. The active menu will close automatically once
a sibling menu is opened. Values: 'true', 'false', '0' or '1' Example: keepalive=1; |
M | left | 3 | left declares the fixed left position of each menu. Values entered for this property are in pixels. | |||
S | I | leftimage | 108 | ? | ||
S | I | low3dcolor | 17 | Sets the Low Border Color on 3D Objects for all menus. The
Low Color denotes the shadow color as a shadow, not a direct hit from the
light source. Example: low3dcolor='#000000'; |
||
S | M | margin | 68 | 12 | Sets the margin, this is the space between border of
the menu and the item border. This parameter has to be declared in each
menu. Example: margin=4; |
|
M | maxwidth | 31 | ||||
M | menualign | 20 | Aligns the menu items inside the menu container. Values:
'left', 'center', 'right' Example: menualign="center"; |
|||
S | I | menubgcolor | 93 | Sets the bgcolor for the menu container. Once the offbgcolor is set this color will not show unless a margin is set for that menu. | ||
S | I | menubgimage | 73 | The menubgimage property sets the image to be used for the
entire menu background. Example: menubgimage='large_background.gif'; |
||
M | menuheight | 24 | Sets the height of the menu. | |||
S | I | menustyle | 101 | Allows setting of a different menu style for a menu item | ||
M | menuwidth | 17 | Sets the width of the menu | |||
M | minleft | 35 | Works along with screenposition. When setting screenposition to center you can now add a minleft property to ensure that the menu does not go too far to the left. | |||
M | minwidth | 30 | Setting this ensures that menus always retain a minimum width regardless of menu item text | |||
M | mm_fixheight | 32 | "mm_fixheight" allows you to specify whether you want your vertical menu items to use 100% height when specifying a menu height. This is useful if you want to use the menu inside a CMS that declares 100% height objects. | |||
M | name | 1 | The Name property is a mandatory entry and is used for calling menus with the showmenu command from within a menu item. It is also used for refering to menus at run time. The only other mandatory property is style. All other menu based properties are optional. | |||
S | I | nobreadcrumb | 114 | This property is used to disable auto breadcrumbs (page properties) Property name, breadcrumbs is set to true by default but can now be disabled by adding nobreadcrumb=true; to either a menus style or a single menu item | ||
S | I | nowrap | 105 | nowrap ensures that menu items do not wrap text when insufficient space had been provided | ||
S | I | offbgcolor | 7 | Sets the Mouse Off background Color for the global style.
All menus that use this style will use the declared background color for
each menu item in the mouse of state. This color should be used to declare
the actual color of the menu. Example: offbgcolor='#333333'; |
||
S | I | offborder | 9 | Sets the Mouse Off Border Style for the global menu style.
The offborder property is used to declare the border width, style and color
for each menu item in the mouse off state. Valid CSS parameters for setting
borders must be used for this property. Example: offborder='1px solid #aaaaaa'; This will enable a 1 pixel, solid gray border for each menu item in the mouse off state. This parameter can also be declared in each menuitem. |
||
S | I | offclass | 54 | Sets the MouseOff Style Sheet Reference for any global menu style. offclass is used to declare a pre-defined Cascading Style Sheet property for each menu item in the mouse off state. Note that this feature will not work in Netscape 4.x due to the static nature of this browser. The properties declared for offclass, will be the default style for the menu. | ||
S | I | offcolor | 8 | Sets the Mouse Off Font Color for any global menu style.
This property declares the font color for each menu item in the Mouse Off
state. Valid HTML colornames or Hex values can be used for this property.
When using a Hex value, the value must be prefixed by a hash. Example: offcolor='#000000'; |
||
S | I | offfunction | 43 | The off function parameter is used to declare custom javascripts for menu items. This property allows a javascript function to be fired in the Mouse Off state. | ||
S | I | onbgcolor | 5 | Sets the Mouse On Background Color for the global menu style.
This property declares the background color for each menu item in the Mouse
On state. Valid HTML colornames or Hex values can be used for this property.
When using a Hex value, the value must be prefixed by a hash. Example: onbgcolor='#66CC33'; |
||
S | I | onbold | 44 | Sets the Font Weight on Mouse Over for any global menu style.
This property sets the menu text to bold in the Mouse On state. Example onbold=1; |
||
S | I | onborder | 25 | Sets the Mouse On Border Style for any global menu style.
The onborder property is used to declare the border width, style and color
for each menu item in the mouse on state. Valid CSS parameters for setting
borders must be used for this property. Example: onborder='1px dashed #ffffff'; This will enable a 1 pixel, dashed white border for each menu item in the mouse on state. This parameter can also be declared in each menuitem. |
||
S | I | onclass | 53 | Sets the MouseOn Style Sheet Reference for any global menu style. onclass is used to declare a pre-defined Cascading Style Sheet property for each menu item in the mouse on state. Note that this feature will not work in Netscape 4.x due to the static nature of this browser. The properties declared for offclass, will be the default style for the menu. | ||
S | I | oncolor | 6 | Sets the Mouse On Font Color for any global menu style. This
property declares the font color for each menu item in the Mouse On state.
Valid HTML colornames or Hex values can be used for this property. When using
a Hex value, the value must be prefixed by a hash. Example: oncolor='#f01f01'; |
||
S | I | ondecoration | 26 | Sets the Mouse On Text Decoration for all menu text. All
valid CSS1 & CSS2 text-decoration values can be declared. Values: none, underline, overline or line-through. Example: ondecoration='underline'; |
||
S | I | onfunction | 42 | The on function parameter is used to declare custom javascripts for menu items. This property allows a javascript function to be fired in the Mouse On state. | ||
S | I | onitalic | 45 | Sets the Mouse On Font Style on Mouse Over for any global menu style. This property sets the menu text to italic in the Mouse On state. | ||
S | I | onsubimage | 48 | Changes the Mouse On Sub Menu Image for any global menu style.
This property, when declared will change the sub menu indicator image in
the Mouse On state. Example: onsubimage='subon_arrow.gif'; |
||
S | I | onsubimagecss | 117 | allows for declaration of css classes for subimages in the on states | ||
S | M | I | opendelay | 94 | 28 | opendelay can be set so that each menu can be programmed to open at a specified time delay. It can in a style, applying to all menus using that style, a menu, or a menu item. |
S | I | openonclick | 39 | Allows the menu to be opened by a click of the mouse on the
main menu rather than it automatically opening as the mouse rolls over it. Values: 'true', 'false', '0' or '1' Example: openonclick=true; Example: openonclick=0; |
||
M | openstyle | 11 | openstyle is used to determine how the menu will appear. an openstyle of "rtl" will force the menu to display in a right to left fassion, useful for use on web sites in Hebrew for example. Values: "up", "rtl" | |||
M | orientation | 9 | Menus can be either horizontal or vertical and the orientation property is used to declare the type of menu you need. The default value for orientation is vertical and orientation is not a mandatory entry. You only need to declare this value if you need a menu in horizontal orientation. | |||
S | M | outfilter | 16 | IE code for Microsoft Transitions and Filters. This can be set in the style which applies to all menus using that style, or in any menu so it applies only to that menu. See the intereactive filters demo for more information. THIS ONLY WORKS IN INTERNET EXPLORER. | ||
S | I | overbgimage | 47 | Overbgimage allows a second Background Image to appear when
in the Mouseover state. Example: overbgimage='background_on.gif'; |
||
M | I | overfilter | 15 | overfilter is used for declaring Microsoft Internet Explorer 5.5+ filters and transitions. Note that this property will be ignored by non supporting web browsers. See the intereactive filters demo. | ||
S | M | I | overflow | 106 | 13 | Overflow="scroll"; will force a long menu to have a scroll bar. |
S | I | overimage | 32 | Sets the Mouseover Item Image for your menu style. All menu
items using this style will include the declared image. Example: overimage='item_background_on.gif'; |
||
S | I | overleftimage | 110 | ? | ||
S | I | overpageimage | 104 | Allows setting a different page image when in the Mouseover state. | ||
S | I | overrightimage | 111 | ? | ||
S | I | overseparatorimage | 90 | Allows setting a different separatorimage when an item is in the Mouseover state. | ||
S | I | padding | 11 | Sets the Menu Item Padding for any global menu style. Padding
is the amount of white space between the text or other object and the menu
item border. Padding values are in pixels. Example: padding=3; |
||
S | I | pagebgcolor | 19 | The pagebgcolor parameter sets the Current Page Menu Item
background color for any global menu style. This property, when declared,
will change the background color of a menu item if the URL matches the current
URL. This is useful for indicating to the user where in the menu they need
to go to navigate to this page. Example: pagebgcolor='#ffff00'; |
||
S | I | pagebgimage | 69 | The pagebgimage parameter sets the Current Page Menu Item
Image for any global menu style. This property, when declared, will change
the background image of a menu item if the URL matches the current URL. This
is useful for indicating to the user where in the menu they need to go to
navigate to this page. Example: pagebgimage='current_page.gif'; |
||
S | I | pageborder | 75 | Sets the Current Page Menu Item Border for any global menu
style. The pageborder property is used to declare the border width, style
and color for each menu item in the current page state. Valid CSS parameters
for setting borders must be used for this property. Example: pageborder='1px dashed #ffffff'; |
||
S | I | pageclass | 72 | The pageclass parameter is used to specify a classname for the Current Page Menu Item for CSS. | ||
S | I | pagecolor | 18 | Sets the Current Page Menu Item Font Color for any global
menu style. This property, when declared, will change the font color of a
menu item if the URL matches the current URL. This is useful for indicating
to the user where in the menu they need to go to navigate to this page. Example: pagecolor='#000000'; |
||
S | I | pageimage | 56 | Sets the Current Page Menu Image for any global menu style.
Will change the menu image to the declared image if the user has navigated
to a page matching the URL in the menu definition. Example: pageimage='matchimg.gif'; |
||
S | I | pageleftimage | 112 | ? | ||
S | I | pagematch | 77 | The pagematch property allows you to declare a URL that you
can use for 'page' matching. In other words, the item with a pagematch property will be highlighted if the current loaded page matches the value declared in the pagematch property. An example of this is: aI("text=Home;url=/index.php?cat=10;pagematch=/index.php?cat=10;"); aI("text=Home;url=/index.php?cat=10&page=1;pagematch=/index.php?cat=10;"); aI("text=Home;url=/index.php?cat=10&page=2;pagematch=/index.php?cat=10;"); The above items will all highlight because the url properties all match '/index.php?cat=10' - This is very useful for highlighting menu items that have slightly different query strings, that allow for displaying different page content, but are in essence the same page. |
||
S | I | pageoncolor | 102 | Allows setting a different page color when there is a page match and in the Mouseover state. | ||
S | I | pagerightimage | 113 | ? | ||
S | I | pageseparatorimage | 92 | Allows setting a different separatorimage when there is a page match | ||
S | I | pagesubimage | 85 | Allows setting a different subimage when there is a page match | ||
S | I | pointer | 59 | The pointer parameter changes the mouse pointer to the declared
curser image as it navigates the menu. Values: auto, crosshair, default, pointer, move, text, wait & help. Example: pointer='move'; Url can also be used to define a custom curser from a specific location. Example: pointer=url('first.cur'), url('second.cur'), pointer; |
||
M | position | 14 | position is used to declare a relative position. By default this property is set to absolute so is only needed for setting the menu relative to other HTML objects or for embedding inside a table cell. | |||
S | M | I | rawcss | 78 | 34 | The rawcss parameter allows any kind of CSS to be added to the menu. |
S | I | regexmatch | 118 | This will force a pagematch upon any link regardless of query string or hash value | ||
M | resizable | 29 | ? | |||
S | I | rightimage | 109 | ? | ||
M | screenposition | 5 | screenposition is useful for websites that are centered in orientation. By declaring "center" for screenposition, this will ensure that the menu will remain centered at all times. Other options for screen position are top, left, right, middle or bottom, plus a combination of 2 valid properties separated by a semi colon. Offsets can be declared for both top and left. The syntax for offsets is "offset=-100"; this will move the menu 100 pixels back from either top or left depending on the screenposition you have used. | |||
S | I | separatoralign | 52 | The separatoralign parameter sets the Menuitem Separator
Bar alignment for any global menu style. This property will alter the menus
alignment of separator lines. This feature will only have an effect if the
separator width or height has been declared and is smaller than the height
or width of the menu it resides. Values: 'left', 'center' or 'right' Example: separatoralign='center'; |
||
S | I | separatorcolor | 10 | Sets the Menuitem Separator Bar Color for any global menu
style. This property sets the color of the default menu separator line in
both horizontal and vertical menus. This property can also be changed inside
each menu item. Example: separatorcolor='#ffffff' |
||
S | I | separatorheight | 49 | The separatorheight property sets the Menuitem Separator
Bar height for any global menu style. This property will change the height
of the separator line in horizontal menus only. For this property to have
any effect the declared height must be less than the height of the horizontal
menu. Example: separatorheight=10; |
||
S | I | separatorimage | 71 | Allows a custom separatorimage to be used instead of a standard
separator line. This feature will only have an effect if the separator width
or height has been declared. Example: separatorimage='dots.gif'; |
||
S | I | separatorpadding | 51 | Sets the Menuitem Separator Bar Padding for any global menu
style. Separator padding will add white space either side of the menu item
separator in both horizontal and vertical menus. Example: separatorpadding=5; |
||
S | I | separatorsize | 27 | Sets the Menuitem Separator Bar Size for any global menu
style. Separator size is the thickness of the separator line in pixels, used
for both vertical and horizontal menus. Example: separatorsize=2; |
||
S | I | separatorwidth | 50 | Sets the Menuitem Separator Bar Width for any global menu
style. This property allows the adjustment of the width of separator lines
in vertical menus. The declared width will need to be less than the width
of the menu. If not the width of the separator line will render the menu
width to suit. Example: separatorwidth=40; |
||
S | I | showmenu | 3 | The showmenu parameter allows you to define the menu you
wish the menu item to open. aI('text=Links;showmenu=Links;'); |
||
S | I | status | 4 | The status property is used to add text to the status bar
on mouseover. Example: aI('text=Home;url=http://www.milonic.com/;status=Back To Home Page;'); |
||
M | style | 6 | style is the name of the pre-defined style that you intend to use for this menu. There are no restrictions to the quantity of styles you can use. | |||
S | I | subimage | 24 | Sets the Sub Menu Indicator Image for any global menu style.
This property declares the sub menu indicator image for each menu item that
contains a showmenu command. Example: subimage='sub_arrow.gif'; |
||
S | I | subimagecss | 116 | allows for declaration of css classes for subimages in the off states | ||
S | I | subimagepadding | 22 | Sets the Sub Menu Indicator Padding for any global menu style.
This property will add white space to sub menu indicator images. The value
for this property is in pixels. Example: subimagepadding=3; |
||
S | I | subimageposition | 23 | Sets the Sub Menu Image Position for any global menu style.
This property will move the submenu indicator image based on CSS positioning
values. Values: top, left, right, center, middle or bottom. Or a sensible combination of 2 values separated by a semi colon. Note that tall text values must be declared inside quotes. Example: subimageposition='left'; |
||
S | I | swap3d | 70 | The 3d effect declared in high3dcolor and low3dcolor creates
a raised effect for the menu and a sunken effect for the menu separators.
The swap3d parameter allows the raised and sunken effects to be swapped creating
a raised separator bar and a deep-set menu. Example:swap3d='true'; |
||
S | I | target | 35 | The target property allows you to declare a menu item link destination Values: new, blank Example: target='blank'; | ||
S | I | targetfeatures | 57 | Used in conjunction with target to set features of the window
opened. See Opening Windows
and Frames Example for some features. Example: aI("text=Open Google;url=http://www.google.com;target=windowname; targetfeatures=width=300,height=300,status,scrollbars,resizable"); |
||
S | I | text | 1 | The text property inserts the menu item text. This parameter
has to be declared in each menu item that requires visible text. Example: aI('text=Home;'); |
||
S | I | tipdelay | 98 | Used to set the opening delay for a tooltip | ||
S | I | tipfollow | 99 | Used to set the tooltip to follow the mouse movement | ||
S | I | tipmenu | 100 | ? | ||
S | I | title | 76 | The title parameter inserts alt text to menu items. Example: title='Click here'; |
||
S | I | tooltip | 95 | Creates a tip that will show on mouseover | ||
M | top | 2 | top declares the fixed top position of each menu. Values entered for this property are in pixels. | |||
S | I | type | 34 | The type property sets the type of menu to be displayed.
Changing the type will allow the menu to transform dramatically. Values: form, dragable, header or tree. Example: type='dragable'; |
||
S | I | url | 2 | Sets the address a menu item links to. Example:aI('text=Contact Us;url=http://www.milonic.com/contactus.php;'); |
||
S | I | valign | 61 | The valign parameter adjusts the vertical alignment of the
text within the all menus. Values: top, middle or bottom. Example: valign='top'; |
||
S | I | visitedcolor | 58 | Sets the text color for items previously visited. The
visitedcolor property uses all valid HTML colornames or hex values. Note
that the hash is needed for all hex value definitions. Example: visitedcolor='#B141AA'; |
||
M | zindex | 27 | Allows for setting the zindex for the menu in which it is set. |