javascript menu

Active DHTML Drop Down JavaScript Menu

[ Menu Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]

Active DHTML Drop Down JavaScript Menu - Parameter Reference

The drop down menu parameters are defined in the configuration file (SDDM_config.js) . All parameters must start on a new line. For each parameter the parameter name is specified first followed by an equals sign then followed by the value. Values are generally put inside quotes with the exception of numerical values. It is recommended that you copy the existing example configuration file (SDDM_config.js) and alter it where required rather than writing a configuration file from scratch.

Top Level Images

Image
The image displayed on top level menu.
Parameter Name = SDDM_imageX_src where X is the order of the image starting at 1.
Value = Any image file name.

Image Rollover
The image displayed on top level menu when mouse is over.
Parameter Name = SDDM_imageX_highlight_src where X is the order of the image starting at 1.
Value = Any image file name.

Example for Four top level buttons

SDDM_image1_src = "Home.gif"
SDDM_image2_src = "Products.gif"
SDDM_image3_src = "Contact.gif"
SDDM_image4_src = "Help.gif"

SDDM_image1_highlight_src = "Home_hl.gif"
SDDM_image2_highlight_src = "Products_hl.gif"
SDDM_image3_highlight_src = "Contact_hl.gif"
SDDM_image4_highlight_src = "Help_hl.gif"

General Submenu Settings

Submenu X Position
The horizontal distance in pixels from the left hand side of the menu relative to the left hand side of it's corresponding image.
Parameter Name = SDDM_submenu_x
Value = Any integer.

Submenu Y Position
The vertical distance in pixels from the top of the menu relative to the top of it's corresponding image.
Parameter Name = SDDM_submenu_y
Value = Any integer.

Submenu Width
The width in pixels of the submenus.
Parameter Name = SDDM_submenu_width
Value = Any integer.

Submenu Border
The thickness in pixels of the submenus border.
Parameter Name = SDDM_submenu_border
Value = 0 to any positive integer.

Submenu Border Color
The color of the sub menus border.
Parameter Name = SDDM_submenu_border_color
Value = Hexadecimal ranging from "#000000" to "#FFFFFF".

Submenu Item Indent
The distance in pixels between the left hand side of the menu and the beginning of the text.
Parameter Name = SDDM_submenu_item_indent.
Value = 0 to any positive integer.

Submenu Item Height
The height in pixels of each of the submenu items.
Parameter Name = SDDM_submenu_item_height.
Value = 0 to any positive integer.

Submenu Item Spacing
The gap in pixels between each of the submenu items.
Parameter Name = SDDM_submenu_item_spacing.
Value = 0 to any positive integer.

Submenu Item Spacing Color
The color of the gap between each of the submenu items.
Parameter Name = SDDM_submenu_item_spacing_color.
Value = Hexadecimal ranging from "#000000" to "#FFFFFF".

Submenu Background Color
The background color of the submenus.
Parameter Name = SDDM_submenu_background_color.
Value = Hexadecimal ranging from "#000000" to "#FFFFFF".

Submenu Highlight Color
The background color of the submenu items when mouse is over.
Parameter Name = SDDM_submenu_highlight_color.
Value = Hexadecimal ranging from "#000000" to "#FFFFFF".

Submenu Font Face
The font face of the submenu items.
Parameter Name = SDDM_submenu_font_face.
Value = Any font name. The value can be anything that is acceptable with in the face attribute of a HTML font tag. Some common values would be "Arial, Helvetica, sans-serif" "Times New Roman, Times, serif" "Courier New, Courier, mono" "Georgia, Times New Roman, Times, serif" "Verdana, Arial, Helvetica, sans-serif".

Submenu Font Size
The font size of the submenu items.
Parameter Name = SDDM_submenu_font_size.
Value = 1 to 7.

Submenu Font Color
The text color of the submenus items.
Parameter Name = SDDM_submenu_font_color.
Value = Hexadecimal ranging from "#000000" to "#FFFFFF".

Submenu Font Highlight Color
The text color of the submenu items when the mouse is over.
Parameter Name = SDDM_submenu_font_highlight_color.
Value = Hexadecimal ranging from "#000000" to "#FFFFFF".

Submenu URL Target
The target frame/window in which the links will open.
Parameter Name = SDDM_submenu_url_target.
Value = Any target frame name or some other common values are,
"_blank" "_parent" "_self" "_top".

Hide Delay
The time gap in milliseconds from when the mouse leaves a menu item to the menu resetting itself. It is not a good idea to set this too low (i.e. 100 or less) because the menu will reset itself when the user moves the mouse pointer from an image to the submenu.
Parameter Name = SDDM_hide_delay.
Value = 0 to any positive integer.

 

Submenu Items

Submenu Text
The text displayed in a submenu item.

Parameter Name = SDDM_submenuX_Y_text where X is the order of the submenu starting at 1 and where Y is the position of the item in the submenu starting at 1.
Value = Any text.

Submenu Link
The url the submenu item should to link to.

Parameter Name =SDDM_submenuX_Y_link where X is the order of the submenu starting at 1 and where Y is the position of the item in the submenu starting at 1.
Value = Any url.

Submenu Link Target Frame
If you require that an individual item opens in a different frame/window then you can specify that frame/window with this parameter.

Parameter Name =SDDM_submenuX_Y_target where X is the order of the submenu starting at 1 and where Y is the position of the item in the submenu starting at 1.
Value = Any url.

Example for two submenus with 3 and 2 items respectively. Notice that item 1 on menu 1 has the target parameter and defined and hence the link for this item will open in a new window.

SDDM_submenu1_1_text = "Item1"
SDDM_submenu1_1_link = "demo_link.htm"
SDDM_submenu1_1_target = "_blank"
SDDM_submenu1_2_text = "Item2"
SDDM_submenu1_2_link = "demo_link.htm"
SDDM_submenu1_3_text = "Item3"
SDDM_submenu1_3_link = "demo_link.htm"

 

SDDM_submenu2_1_text = "Item1"
SDDM_submenu2_1_link = "demo_link.htm"
SDDM_submenu2_2_text = "Item2"
SDDM_submenu2_2_link = "demo_link.htm"

In addition to these instructions it is also recommended that you view the examples provided. In particular view the HTML source and configuration files to see how each demo is built. ( view demos here» )

[ Menu Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]

 

buy Active DHTML Drop Down JavaScript Menu