RSS Feed

DonD 2012© No Rights Reserved

Page last updated 25/01/2012 10:24:02

Produced with

Site Feedback

Search

This Pop-it code from Dynamicdrive allows you to associate a dynamic menu with regular links on your page. As the mouse moves over the link in question, a menu pops up containing "sub links".

This is a great script for expanding links on your page with a 2nd level. The menu intelligently re-positions itself depending on how close it is to the edge of the browser window, so it's always in full view.

Pop it menu

1. I used the code from this Dynamicdrive page for this test.

2. Copy and paste code from step 1 of the dynamicdrive page into the head of the page via the Insert html code button.

You change the http addresses and links names to suit i.e.

linkset[0]+='<a href="http://www.javascriptkit.com">JavaScript Kit</a>'

Changed to

linkset[0]+='<a href="http://www.serif.com">Serif</a>'

3. Put a button on your site and right click it select hyperlink. In the hyperlink option box select Internet page, delete the http:// and OK out. Do not put an address in.

4. Right click button select attach html. Find the line at the point where it says

('over','tg_2')" onload="OnLoadPngFix()" __AddCode="here"></span>

At the point I’ve bolded, add the code from the first line of the step 2

<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()"></a><br

Taking out the words “Webmaster Links” as there not needed.

If you have any trouble right click the buttons above to check out the code

Another way you could use this as Christiaan has done here with underlining a name on a map to bring up a list of links for that named town.

Demonstrated here with the underlined link for the menu

Roll over Pop it menu