Custom Menus

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:

Mouse over here.

Here are the steps to create a custom menu for a mouse-over popup menu:

1. Open Sothink DHTMLMenu, select <Top-level Menu>, and select File>New>Blank Menu.

2. Select the Custom setting in the Global Settings General tab. You will be asked to name your menu. We used custom1 for this example.

3. On the Popup Menu General tab set Display: Horizontally, Spacing: 6, and Padding: 1. You can change these setting as you wish.

4. On the Popup Menu Effects tab set the effects you want for the popup menu. For this example we used:

Drop Shadow: Complex, 3, Gray
Effect for showing: Fade
Effect for hiding: Fade
Effect speed: 50

5. 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 stm31.js between the <head></head> tags of your web page. For example:

8. Enter the path to your menu specification file after the opening <body> tag. For example:

9. Enter the following code on the page where you want the popup to appear:

<a href="javascript:;" onmouseover="showFloatMenuAt('custom1',nNN4?event.pageX:event.clientX+stgcl(),nNN4?event.pageY:event.clientY+stgct()+5);" onmouseout="hideMenu('custom1');">Mouse over here.</a>

Upload all the files to your server and it should work.