FXsinus.com HOME
The DHTML Menu - reloaded

Pop Up DHTML Menu Sample with Tooltip Positioning

This sample shows how to add submenus to the text flow to provide additional information or related links to your visitors. Tooltip Positioning is also available for absolute positioned menus and doesn't necessarily require an <a> tag.
View the source code at the bottom of this page.
Discussion Forum
Download FX Menu
   »    License & Purchase
DHTML Menu Samples ::
 »  DHTML Menu Samples Overview
 »  Horizontal DHTML Menu Sample
 »  Vertical DHTML Menu Sample
 »  Windows 98 Style
 »  Windows XP Style
 »  Microsoft.com
 »  Multiple Styles
 »  Multiple Colored Menus
 »  Image Based Menu
 »  Image Map Based Menus
 »  Background Images (LOTR)
 »  Absolute Positioning
 »  Relative Positioning (to a table cell)
 »  Pop Up with Relative Positioning
 »  Pop Up with Absolute Positioning
 »  Pop Up with Tooltip Positioning
 »  Absolute Positioned Submenus
 »  Tooltip Positioned Submenus
 »  JavaScript Functions
 »  Opening Windows & Targeting (i)frames
 »  Flickthrough Menu
 »  Show/Hide Submenus OnClick
 »  Item Sizing
 »  Item Positioning
 »  Scrolling (overflow)
 »  Tables (columns)
 »  API - Methods & Functions
 »  Displaying Multiple Submenus

Menu Settings for this Sample Menu in input.js


ordernumber="";//Once you have licensed FX Menu, the order number will be sent to you by share-it!.

emptyimage="image/transparent.gif";// Transparent image in gif format.
showdelay=200;//Time delay before submenus are displayed. Unit is milliseconds.
hidedelay=800;//Time delay before submenus are hidden. Unit is milliseconds.

/*Start Style Declarations*/

with(itemStyle=new fxstyle()){
width=140;
height=20;
color="#000000";
coloron="#FFFFFF";
bgcolor="#E8E8FF";
bgcoloron="#6699CC";
fontsize="8pt";
fontfamily="Verdana,Arial";
paddingtop=1;
paddingleft=3;
arrow="image/nav/arrowblack11.gif";
arrowon="image/nav/arrowwhite11.gif";
arrowright=20;
arrowtop=1;
}

with(menuStyle=new fxmenustyle()){
filterover="Alpha(opacity=90)";
menubgcolor="#E8E8FF";
menuborderwidth=1;
menubordercolor="#3366CC";
separatorsize=1;
separatorcolor="#3366CC";
highlightpath=true;
wiseposition=true;
left=5;
top=5;
}


/*Start Menu Declarations*/


with(new fxmenu("TooltipPositioningInfo")){
style=itemStyle;
menustyle=menuStyle;
width=175;
position="tooltip"
height=70;
fx("text=Add tooltips to your text or to important menu items to provide more information to your website visitors.;paddingleft=5;fontfamily=Arial,Verdana;bgcolor=#FFFFFF;url=index.html;type=header");
}


with(new fxmenu("OtherPositioningSamples")){
style=itemStyle;
menustyle=menuStyle;
width=225;
position="tooltip"
height=19;
orientation="vertical"
fx("text=All Positioning Samples;url=html/purchase.html;fontweight=bold;type=header");
fx("text=Absolute Positioning;url=menu/samples/absolute.html;");
fx("text=Relative Positioning (to a table cell);color=#FF0000;url=menu/samples/relative.html;");
fx("text=Pop Up with Absolute Positioning;url=menu/samples/popupabsolute.html;");
fx("text=Pop Up with Relative Positioning;url=menu/samples/popuprelative.html;");
fx("text=Pop Up with Tooltip Positioning;url=menu/samples/popuptooltip.html;");
fx("text=Absolute Positioned Submenus;url=menu/samples/submenuabsolute.html;");
fx("text=Tooltip Positioned Submenus;url=menu/samples/submenutooltip.html;");
}
buildMenus();
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