Custom Menus - Tooltip Menu
The Custom Menu feature can be used to create popup menus for mouse-over "tooltips", illustrations, maps, and similar applications. To see an example, mouse-over the following line:
Here are the steps to create a custom menu for a mouse-over popup menu:
1. Open Sothink DHTMLMenu and select File>New>Blank Menu.
2. Select the Custom setting in Global Settings>Menu Type. Under Options enter a menu name. We used custom1 for this example.
3. On the Popup Menu Settings - General set Display: Horizontally, Transparency: 0, Spacing: 2, and Padding: 3. You can change these settings as you wish.
4. On the Popup Menu Settings - Effect, set the effects you want for the popup menu. For this example we used:
Shadow Type: Complex, 3, Gray (#666666)
Effect for showing: Fade
Effect for hiding: Fade
Effect speed: 505. Select Menu Item 1 and enter the text or HTML for the popup.
6. Save the menu (the .pgt file) and the menu specification file (the .js file).
7. Enter the path to stmenu.js between the <head></head> tags of your web page. For example:
<script type="text/javascript" language="JavaScript1.2" src="http://pittwebs.com/sothink6/version6/stmenu.js"></script>
8. Enter the path to your menu specification file after the opening <body> tag. For example:
<script type="text/javascript" language="JavaScript1.2" src="http://pittwebs.com/sothink6/version6/custom1.js"></script>
9. Enter the following code on the page where you want the popup to appear:
a href="javascript:;"onMouseOver=showFloatMenuAt('menu name',x,y) onMouseOut="hideMenu('menu name');">Mouse over here.</a>
Be sure to enter the name of your menu in the two places where it says "menu name", and be sure to enter the desired coordinates for x and y.
Upload all the files to your server and it should work.