oc_logo.gif (1371 bytes)
top_divide_left.gif (844 bytes) top_divide_right.gif (844 bytes)
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Documentation Index
bullet_blocktriangle_gray.gif (834 bytes)QuickMenu Pro - How It Works
bullet_blocktriangle_gray.gif (834 bytes)Quick Start - Customization and Page Integration

bullet_blocktriangle_gray.gif (834 bytes)Main Item Widths and Heights
bullet_blocktriangle_gray.gif (834 bytes)Main Menu Borders Dividers and Layout
bullet_blocktriangle_gray.gif (834 bytes)Main Menu Font Settings
bullet_blocktriangle_gray.gif (834 bytes)Main Menu Item Background and Text Colors
bullet_blocktriangle_gray.gif (834 bytes)Main Menu Margins and Text Alignment
bullet_blocktriangle_gray.gif (834 bytes)Main Menu Item Text, URL's, and Icon Images
bullet_blocktriangle_gray.gif (834 bytes)Sub Menu Sizing and Positioning
bullet_blocktriangle_gray.gif (834 bytes)Sub Menu Borders, Dividers, and Colors
bullet_blocktriangle_gray.gif (834 bytes)Sub Menu Font Settings and Colors
bullet_blocktriangle_gray.gif (834 bytes)Sub Menu Margins and Text Alignment
bullet_blocktriangle_gray.gif (834 bytes)Relative and Absolute Positioned Icon Images
bullet_blocktriangle_gray.gif (834 bytes)Sub Menu Item Text, Icon Images, and URL Links
bullet_blocktriangle_gray.gif (834 bytes)Status Bar Text and Mouse Off Delay Timing
bullet_blocktriangle_gray.gif (834 bytes)IE Transition Effects, Drop Shadows, and Opacity
bullet_blocktriangle_gray.gif (834 bytes)Event Triggered Custom Function Calls
bullet_blocktriangle_gray.gif (834 bytes)Codebase and Browser Bug Fixes
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)QuickMenu Pro - How It Works
QuickMenu Pro is 100% pure JavaScript which utilizes Dynamic HTML elements to create interactive hierarchical menu structures for rapid web site navigation.  One of QuickMenus defining characteristics is its cross browser capabilities combined with a tiny footprint.  At the time of this release QuickMenu Pro supports more browsers while maintaining the smallest code size of any commercial DHTML menu.  A tiny code size with a broad range of compatibility and features is largely accomplished by conditionally loading a different script file for each browser.  Only one browser script file and the main loader file is downloaded for each user viewing the menu.

Including the menu within a page requires pasting a simple statement below the body tag along with an additional statement at the point of insertion.  The statement below the body tag references two separate text files with a '.js' extension.  The first referenced file is the text file which contains all the customizable menu settings, the second is the main QuickMenu code file.  The statement which positions the menu may be placed within any block level html tag (table, paragraph, div, etc.), QuickMenu will automatically generate the main menu bar and display it at the insertion point.  All sub menus will also display in their correct positions relative to wherever the main menu appears on the page.

All customizable settings are defined within a separate text file with a '.js' extension and may be modified with any text editor.  Each setting, including the sub menu and main menu structure is customized using simple plain English parameters, there are no confusing arrays to define or code knowledge required.

See the quick start section below for specific information on implementing your custom site menu.  If you are familiar with how OpenCube or similar products typically work view the source for the sample.htm file and its associated data file (sample_settings.js).  For the average web developer these files contain enough comments regarding OpenCube specific settings and page integration to successfully customize your menu without having to refer to this documentation.

pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Quick Start - Customization and Page Integration

For a quick start on customizing your menu open the file 'sample_settings.js' in a text editor (located in the 'text_based' folder). This file contains all the customizable parameters for the menu plus additional documentation. After modifying and adding parameters open 'sample.htm' (located in the 'text_based' folder) in a browser to view the changes.

After customizing the QuickMenu to your specifications using the sample_settings.js file, the menu may be attached to your web page by following the steps below.

1. First move the QuickMenu JavaScript code files ('tbrowser_ie.js', 'tbrowser_ns.js', etc..., and 'tdqm_loader.js' ), tdqm_pixel.gif,  plus the data file ('sample_settings.js' - this file may be renamed, but must include the '.js' extension) to any one folder within your web site.

2. To connect the data file and menu code file with your HTML page add a reference to the files within your HTML page.   To do this copy and paste the following script pointers directly after your HTML pages opening body tag. (these script pointers must be the first tags to appear after the body tag or the menu may not function correctly). If you renamed your data file, the new name must be indicated within the first script pointer below (see red highlighted text). If in step one you placed the script files in a different location than the HTML page containing the menu, the 'dqm__codebase' (see blue highlighted text) parameter and two script pointers below (last two lines of statement) must also reference the correct folder locations as well. The codebase parameter should reference the folder location only and be terminated by a forward slash '/' (i.e. 'scripts/').

<!-- QuickMenu Pro, Copyright (c) 1998-2003, OpenCube Inc., All Rights Reserved.
Visit www.opencube.com for current QuickMenu Pro downloads and information. -->

<script language="JavaScript1.2">dqm__codebase = "" //script folder location</script>
<script language="JavaScript1.2" src="sample_settings.js"></script>
<script language="JavaScript1.2" src="tdqm_loader.js"></script>

3. Finally, position your menu anywhere within your HTML page by pasting the following statement after the statements pasted in step 2 and before the documents closing body tag (</body>), the statement should appear within an appropriate block level tag (paragraph, table, div, etc.).  If you are not familiar with HTML syntax, position your menu in the following manner...  Open the page with your HTML editor ----- type the letters 'zzzz' at the point in your document you wish the menu to appear ----- save the page ----- open the page in a text editor and search for the letters you typed 'zzzz' ---- replace the letters 'zzzz' with the statement below and save the document.

<script language="JavaScript1.2">generate_mainitems()</script>


The following tables reference all the customizable parameters, allowable values, and comments regarding their use.  For additional parameter documentation open the 'sample_settings.js' file (located in the 'quickmenu_pro' folder) in a text editor. For common design time questions and answers see the QuickMenu Pro FAQ.


bullet_down_red.gif (847 bytes)Main Menu Item Widths and Heights
Parameter Name Value Comments
dqm__main_width Integer > 0 Default width for each main menu item, measured in screen pixels.
dqm__main_widthX Integer > 0 Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_height Integer > 0 Default height for each main menu item, measured in screen pixels.
dqm__main_heightX Integer > 0 Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Main Menu Borders Dividers and Layout
Parameter Name Value Comments
dqm__main_horizontal true or false Align the menu bar horizontally or vertically. Set to true for horizontal layouts, false for vertical.
dqm__main_menu_border_width Integer > -1 The width, or thickness of the border to surround each main menu item.
dqm__main_border_color "#000000" - "#FFFFFF" - Hex Color Value Main menu border color. Precede all hexadecimal color values with a pound sign and enclose in double quotes. Note: set the border width to 0 for no borders.
dqm__main_use_dividers true or false When set to true the item gap setting will be ignored and all main menu items will be separated by a divider, the same width of the border in the same color. This creates a grid style appearance.  When set to false each main menu item will appear separate from the next in a button style layout.
dqm__main_item_gap Integer > -1 The horizontal or vertical gap (depends on menu bar layout) between each main menu item. This setting is only valid when the 'dqm__main_use_dividers' setting is false.
dqm__align_items_bottom_and_right true or false When set to true all main menu items will be aligned to the bottom or right edge of the tallest or widest item.  This setting is handy when creating top, bottom, left, or right aligned main menu bars with different heights or widths.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Main Menu Font Settings
Parameter Name Value Comments
dqm__main_fontfamily System Font Default font family setting for all main menus. Any system font may be used (Arial, courier, etc.)
dqm__main_fontfamilyX System Font Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_fontsize Integer > 0 The pixel size of the font for all main menus.
dqm__main_fontsizeX Integer > 0 Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_textdecoration "normal" or "underline" The text decoration setting for all main menu items.
dqm__main_textdecorationX "normal" or "underline" Indexed version of above parameter. Change X to reference the index number of any main menu item.  This parameter overrides the above default setting for the specific main menu item.
dqm__main_hl_textdecoration "normal" or "underline" The text decoration setting for all main menu items rollover effect.
dqm__main_hl_textdecorationX "normal" or "underline" Indexed version of above parameter. Change X to reference the index number of any main menu item.  This parameter overrides the above default setting for the specific main menu item.
dqm__main_fontweight "normal or "bold" The font weight setting for all main menu items.
dqm__main_fontweightX "normal or "bold" Indexed version of above parameter. Change X to reference the index number of any main menu item.  This parameter overrides the above default setting for the specific main menu item.
dqm__main_fontstyle "normal" or "italic" The font style setting for all main menu items.
dqm__main_fontstyleX "normal" or "italic" Indexed version of above parameter. Change X to reference the index number of any main menu item.  This parameter overrides the above default setting for the specific main menu item.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Main Menu Item Background and Text Colors
Parameter Name Value Comments
dqm__main_bgcolor "#000000" - "#FFFFFF" - Hex Color Value Main menu items background color. Precede all hexadecimal color values with a pound sign and enclose in double quotes.
dqm__main_bgcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_hl_bgcolor "#000000" - "#FFFFFF" - Hex Color Value Main menu items rollover background color. Precede all hexadecimal color values with a pound sign and enclose in double quotes.
dqm__main_hl_bgcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_textcolor "#000000" - "#FFFFFF" - Hex Color Value Main menu items text color. Precede all hexadecimal color values with a pound sign and enclose in double quotes.
dqm__main_textcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_hl_textcolor "#000000" - "#FFFFFF" - Hex Color Value Main menu items rollover text color. Precede all hexadecimal color values with a pound sign and enclose in double quotes.
dqm__main_hl_textcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Main Menu Margins and Text Alignment
Parameter Name Value Comments
dqm__main_text_alignment "left", "center", or "right" Default text alignment for all main menu items.
dqm__main_text_alignmentX "left", "center", or "right" Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_margin_top Integer > -1 Default top margin width, distance between border and top of text in pixels.
dqm__main_margin_topX Integer > -1 Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_margin_bottom Integer > -1 Default bottom margin width, distance between border and bottom of text in pixels.
dqm__main_margin_bottomX Integer > -1 Indexed version of above parameter. Change X to reference the index number of any main menu item.   This parameter overrides the above default setting for the specific main menu item.
dqm__main_margin_left Integer > -1 Default left margin width, distance between border and left edge of text or icon image in pixels.
dqm__main_margin_right Integer > -1 Default right margin width, distance between border and right edge of text or icon image in pixels.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Main Menu Item Text, URL's, and Icon Images
Parameter Name Value Comments
dqm__maindescX Text or HTML This parameter determines the text description for each main menu item and the number of main menu items to use. The indexing starts at 0 for the first main menu item, 1 for second, 2 for the third, etc...  An unlimited number of main menu items may be defined.
dqm__urlX URL The URL link for the main menu item may be defined relative or absolute.
dqm__urltargetX "_self", "_parent", "_new", or "my frame name" "_self" - Open link in same browser window. "_parent" - Open link in same browser window outside of frame set. "_new" - Open link in new window. "my frame name" - Set the value to the name of a frame to target.
dqm__micon_indexX Icon index number A relative positioned icon image. The value should indicate the index number of the previously defined icon image.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Sub Menu Sizing and Positioning
Parameter Name Value Comments
dqm__sub_menu_width Integer > 0 Default Sub menu width for all sub menus, measured in screen pixels. See the next parameter for specific sub menu width settings.
dqm__sub_menu_widthX Integer > 0 Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
dqm__sub_xy "x,y" X and Y coordinates of the upper left corner of all sub menus relative to its associated main menu image, or parent sub menu. Enclose all x,y values in double quotes.
dqm__sub_xyX "x,y" X and Y coordinate of a specific sub menu. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Sub Menu Borders, Dividers, and Colors
Parameter Name Value Comments
dqm__border_width Integer > -1 Default border thickness for all sub menus, measured in screen pixels.
dqm__border_widthX Integer > -1 Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
dqm__divider_height Integer > -1 Default divider height for all sub menus, measured in screen pixels.
dqm__divider_heightX Integer > -1 Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
dqm__menu_bgcolor "#000000" - "#FFFFFF" - Hex Color Value Default sub menu background color for all sub menus. Precede all hexadecimal color values with a pound sign and enclose in double quotes.
dqm__menu_bgcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
dqm__border_color "#000000" - "#FFFFFF" - Hex Color Value or "transparent" Default sub menu border and divider color, optionally may be set to "transparent.
dqm__border_colorX "#000000" - "#FFFFFF" - Hex Color Value or "transparent" Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
dqm__hl_bgcolor "#000000" - "#FFFFFF" - Hex Color Value Default sub menu highlight color, this setting determines the color each sub menu items background will change to as the mouse highlights the item. Set this value to the same color as the background of the menu to turn off the effect.
dqm__hl_bgcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Sub Menu Font Settings and Colors
Parameter Name Value Comments
dqm__textcolor "#000000" - "#FFFFFF" - Hex Color Value Default sub menu text color. Note: A specific sub menu items text color may be overridden by using an HTML font tag in the 'dqm__subdesc' parameter for the item.
dqm__textcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
dqm__hl_textcolor "#000000" - "#FFFFFF" - Hex Color Value Default sub menu highlight text color. Note a specific sub menu items highlight text color may be overridden by using an HTML font tag in the 'dqm__hl_subdesc' parameter for the item.
dqm__hl_textcolorX "#000000" - "#FFFFFF" - Hex Color Value Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
dqm__hl_textdecoration "normal" or "underline" Highlight text decoration effect for all sub menu item.
dqm__fontfamily System Font Font family setting for all sub menus. Note: A specific font family may be used for any sub menu item by using and HTML font tag in the 'dqm__subdesc' parameter for the item.
dqm__fontsize Integer > 0 The pixel size of the font for all sub menus. Note: A specific font size may be used for any sub menu item by using and HTML font tag in the 'dqm__subdesc' parameter for the item.
dqm__fontsize_ie4 Integer > 0 The point size of the font for the Internet Explorer Version 4.x browser only. This parameter is offered as work-around to bugs in IE4 which do not allow for pixel sizing of fonts.
dqm__textdecoration "normal" or "underline" The text decoration setting for all sub menus.  Note: Using an HTML underline tag within the 'dqm__subdesc' parameter will allow for the specific underlining of sub menu items.
dqm__fontweight "normal or "bold" The font weight setting for all sub menus. Note: Using an HTML bold tag within the 'dqm__subdesc' parameter will allow for the specific bolding of sub menu items.
dqm__fontstyle "normal" or "italic" The font style setting for all sub menus. Note: Using an HTML italic tag within the 'dqm__subdesc' parameter will allow for the specific italicizing of sub menu items.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Sub Menu Margins and Text Alignment
Parameter Name Value Comments
dqm__margin_top Integer > -1 Top margin for all sub menus. This margin space exists for each sub menu item, adjust to customize the gap between sub menu text items.
dqm__margin_bottom Integer > -1 Bottom margin for all sub menus. This margin space exists for each sub menu item, adjust to customize the gap between sub menu text items.
dqm__margin_left Integer > -1 Left margin space for all sub menus, measured in screen pixels.
dqm__margin_right Integer > -1 Right margin space for all sub menus, measured in screen pixels.
dqm__text_alignment "left", "center", or "right" Default text alignment for all sub menu items.
dqm__text_alignmentX "left", "center", or "right" Indexed version of above parameter. Change X to reference the index number of any sub menu group. This parameter overrides the above default setting for the specific sub menu.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Relative and Absolute Positioned Icon Images
Parameter Name Value Comments
dqm__icon_imageX Folder and file name of GIF or JPEG image file. Relative positioned icon image to be associated with any sub menu item using the 'dqm__icon_indexX' parameter. All indexing starts at 0 and an unlimited number of relative positioned icon images may be defined. For further information regarding this parameter see the 'sample_data.js' file located in the quickmenu_pro folder.
dqm__icon_rolloverX Folder and file name of GIF or JPEG image file. Rollover icon image to appear as the mouse moves over the sub menu item. This parameter must be included, however the rollover image may turned off by setting the value to the same image as the above parameter.
dqm__icon_image_whX "x,y" Defines the dimensions of the above icon and icon rollover image.
dqm__2nd_icon_imageX Folder and file name of GIF or JPEG image file. Absolute positioned icon image to be associated with any sub menu item using the 'dqm__2nd_icon_indexX' parameter. All indexing starts at 0 and an unlimited number of absolute positioned icon images may be defined. For further information regarding this parameter see the 'sample_data.js' file located in the quickmenu_pro folder.
dqm__2nd_icon_rolloverX Folder and file name of GIF or JPEG image file. Rollover icon image to appear as the mouse moves over the sub menu item. This parameter must be included, however the rollover image may turned off by setting the value to the same image as the above parameter.
dqm__2nd_icon_image_whX "x,y" Defines the dimensions of the above icon and icon rollover image.
dqm__2nd_icon_image_xyX "x,y" Defines the coordinates of the icon image relative to the top right corner of each sub menu item or top left corner depending on the text alignment of the item.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Sub Menu Item Text, Icon Images, and URL Links
Parameter Name Value Comments
dqm__subdescX Text or HTML This parameter determines the entire tree structure for the menu system. The indexing starts at 0_0 and may be branched indefinitely by appending '_X' values. See the 'sample_data.js' file in the 'quickmenu_pro' folder for an example of how to index your items. If using HTML in the item replace all double quotes with single quotes and keep to one line, surround all values with double quotes.
dqm__hl_subdescX Text or HTML Highlight text or HTML to appear as the mouse moves over the sub menu item. If this parameter is not used the text will remain the same when the item is highlighted.
dqm__icon_indexX Index number of associated relative positioned icon image. See the relative and absolute positioned icon image section for more information on setting up icon images. The value of this parameter should be set to the desired index number of the predefined icon image set up using the 'dqm__icon_imageX' parameter.
dqm__2nd_icon_indexX Index number of associated absolute positioned icon image. See the relative and absolute positioned icon image section for more information on setting up icon images. The value of this parameter should be set to the desired index number of the predefined icon image set up using the 'dqm__2nd_icon_imageX' parameter.
dqm__urlX URL The URL link for the sub menu item may be defined relative or absolute.
dqm__urltargetX "_self", "_parent", "_new", or "my frame name" "_self" - Open link in same browser window. "_parent" - Open link in same browser window outside of frame set. "_new" - Open link in new window. "my frame name" - Set the value to the name of a frame to target.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Status Bar Text and Mouse Off Delay Timing
Parameter Name Value Comments
dqm__mouse_off_delay Integer > -1 Mouse off delay timing is defined in milliseconds (1/1000s). This parameter determines the delay between the mouse leaving a sub menu item and the sub menu actually closing.
dqm__show_urls_statusbar true or false Determines if sub menu and main menu URL links are displayed in the status bar of the browser.
dqm__status_textX Text Value Associate this parameters index with any sub menu item or main menu item. If the above parameter is set to 'true' the custom text will be displayed in place of the items URL.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Internet Explorer Transition Effects, Drop Shadows, and Opacity
Parameter Name Value Comments
dqm__sub_menu_effect none | fade | pixelate | iris | slide | gradientwipe | checkerboard | radialwipe | randombars | randomdissolve| stretch The selected transition effect applies to all sub menus and is triggered as a sub menu is displayed. Transition effects function in IE 5.5 & up, all non supporting browsers ignore transition effect setting and display the sub menus in normal mode.
dqm__sub_item_effect none | fade | pixelate | iris | slide | gradientwipe | checkerboard | radialwipe | randombars | randomdissolve| stretch The selected transition effect applies to all sub menu items and is triggered as a sub menu item is highlighted. Transition effects function in IE 5.5 & up, all non supporting browsers ignore transition effect setting and display the sub menu items with a normal highlight effect.
dqm__sub_menu_effect_duration Seconds The duration of the effect may be defined in fractions of a second using a decimal place. (.5 = 1/2 second)
dqm__sub_item_effect_duration Seconds The duration of the effect may be defined in fractions of a second using a decimal place. (.5 = 1/2 second)
dqm__effect_pixelate_maxsquare Integer > 0 The maximum number of squares to use for the pixelate effect.
dqm__effect_iris_irisstyle CROSS | CIRCLE | PLUS | SQUARE | STAR The shape to use with the iris effect.
dqm__effect_checkerboard_squaresX Integer > 0 Number of squares to run horizontally with the checkerboard effect.
dqm__effect_checkerboard_squaresY Integer > 0 Number of squares to run vertically with the checkerboard effect.
dqm__effect_checkerboard_direction UP | DOWN | LEFT | RIGHT Direction of movement for the checkerboard effect.
dqm__sub_menu_opacity Integer 1 - 100 Determines the opacity of the sub menu for Internet Explorer only. A value of 100 creates fully opaque sub menus.
dqm__dropshadow_color "#000000" - "#FFFFFF" - Hex Color Value or "none" Determines the drop shadow color for all sub menus, Internet Explorer 5.5 & up only.
dqm__dropshadow_offx Integer > 0 The x offset width of the drop shadow effect.
dqm__dropshadow_offy Integer > 0 The Y offset width of the drop shadow effect.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Event Triggered Custom Function Calls
Parameter Name Value Comments
dqm__onload_code Code or Function Name This menu uses the documents onload event to initially generate the menus.  If your HTML page requires the onload statement for calling other script functions or statements you may execute your code using this parameter
dqm__showmenu_codeX Code or Function Name The showmenu and following hidemenu parameters may be used to execute custom code upon menu pop-up and hide. These parameters are useful for hiding drop down boxes which may not be displayed underneath the menus due to browser limitations with certain form fields. Set the index of the parameter to identify any defined sub menu.
dqm__hidemenu_codeX Code or Function Name Executes set code or function upon menu close. Set the index of the parameter to identify any defined sub menu.
dqm__clickitem_codeX Code or Function Name This parameter option may be used to execute custom code upon clicking a menu item. If a URL link and custom code are both defined the code will be executed first, then the URL link will be loaded.  This parameter option is useful for opening custom pop up windows.
pix_trans.gif (807 bytes)
bullet_down_red.gif (847 bytes)Codebase and Browser Bug Fixes
Parameter Name Value Comments
dqm__codebase Folder location of all script and data files. Set the codebase value to the relative folder location of the QuickMenu script files (.js). This location must be set relative to the HTML page versus the data file.
dqm__os9_ie5mac_offset_X Negative or Positive Value This parameter fixes a position reporting bug in IE5 on the Mac OS9 platform. Adjust the horizontal X offset value until the first level sub menus pop-up in the correct location.
dqm__os9_ie5mac_offset_Y Negative or Positive Value This parameter fixes a position reporting bug in IE5 on the Mac OS9 platform. Adjust the vertical Y offset value until the first level sub menus pop-up in the correct location.
dqm__osx_ie5mac_offset_X Negative or Positive Value This parameter fixes a position reporting bug in IE5 on the Mac OSX platform. Adjust the horizontal X offset value until the first level sub menus pop-up in the correct location.
dqm__osx_ie5mac_offset_Y Negative or Positive Value This parameter fixes a position reporting bug in IE5 on the Mac OSX platform. Adjust the vertical Y offset value until the first level sub menus pop-up in the correct location.
dqm__ie4mac_offset_X Negative or Positive Value This parameter fixes a position reporting bug in IE4 on the Mac OS9 platform. Adjust the horizontal X offset value until the first level sub menus pop-up in the correct location.
dqm__ie4mac_offset_Y Negative or Positive Value This parameter fixes a position reporting bug in IE4 on the Mac OS9 platform. Adjust the vertical Y offset value until the first level sub menus pop-up in the correct location.
dqm__nn4_reload_after_resize true or false Bugs in Netscape 4.x can cause layers (sub menus) to be rendered incorrectly upon resizing the browser window.  The only way to work around this issue is to reload the page after a resize. This and the following parameters allow the menu to automatically reload the page for the user after a resize, prompts the user to reload the page manually after a resize, or attempts to correct the menu after a resize without reloading.
dqm__nn4_resize_prompt_user true or false Optionally prompt the user to reload the page or automatically reload the page. The user will only be prompted or the page automatically reloaded if the mouse is placed over the menu after a resize.
dqm__nn4_resize_prompt_message Text Message The custom message to appear prompting the user to reload the page after a resize event has occurred in Netscape 4.x. Only applicable if the 'dqm__nn4_resize_prompt_user' parameter is set equal to 'true'.
top_divide_left.gif (844 bytes) top_divide_right.gif (844 bytes)