Popup menus, relative to a link

Move your mouse over the links in this paragraph to see menus opening below them. Like this link to the About UDM section, or this one to the Help and support page. Finally, here's a link to the Demos page.

This demo uses one of the following configuration files:

popup-relative.js: Javascript configuration (for ASP config add <% %> instructions and rename)
popup-relative.ini: PHP configuration

And the following images:

greenshadow.png (green menu dropshadow)
orangeshadow.png (orange menu dropshadow)
right-green.gif (green menu right-arrow)
right-black.gif (green menu right-arrow rollover)
right-purple.gif (orange menu right-arrow)
right-blue.gif (orange menu right-arrow rollover)

The menu-handling code looks like this:

Skip code example

//open menu with given IDfunction openMenu(menuID,linkObj){	//if the menu code is ready	if(um.ready)	{		//find co-ordinates of link object		var coords = {			'x' : um.getRealPosition(linkObj,'x'),			'y' : um.getRealPosition(linkObj,'y')			};		//increase y-position to place it below the link		coords.y += (linkObj.offsetHeight + 4);		//activate menu at returned co-ordinates		um.activateMenu(menuID, coords.x + 'px', coords.y + 'px');	}}//close menu with given IDfunction closeMenu(menuID){	//if the menu code is ready	if(um.ready)	{		//deactive menu		um.deactivateMenu(menuID);	}}

Skip code example

<p>	Move your mouse over the links in this paragraph to	see menus opening below them. Like this link to the	<a href="/menu/"		onmouseover="openMenu('about',this)"		onmouseout="closeMenu('about')">		About UDM</a> section, or this one to the	<a href="/menu/support/"		onmouseover="openMenu('support',this)"		onmouseout="closeMenu('support')">		Help and support</a> page.  Finally, here's a link to the	<a href="/menu/demos/"		onmouseover="openMenu('demos',this)"		onmouseout="closeMenu('demos')">		Demos</a> page.</p>

UDM4 mentions at TweetObserver

Android Depok coba di sini gan http://t.co/Crdz7kOp RT @officiallyjun: @depokdroid min minta link game HD dongs..for samsung wonder :))
22 hours ago

Marlene Boatwright Watch live tv on ps3. Software Downloads.: Online TV Live lets you watch 3645+ free Internet TV, on demand video... http://t.co/lNuJ1rAz
1 day ago

Robert P Reibold Autocad drawing studio. Software Downloads.: AutoCAD to PDF Converter is a batch converter that allows you to co... http://t.co/emqHDpA2
2 days ago

Tony N FYI... Software testing vga Software Downloads http://t.co/Fh28NO40
2 days ago

Jeraldine Nadler Robot email sound Software Downloads http://t.co/bTRvdf7s @EmailResponder
3 days ago

NFL Football News #NFL Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... http://t.co/SsK2G9wt
3 days ago

KwikTIK Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... C... http://t.co/NuFNf7TQ
3 days ago

Nfl Seat Powered By PhpBB Nfl Football Radio usage on homepages: Powered By PhpBB Nfl Football Radio is related to: ... C... http://t.co/maZHNTA9
3 days ago

Popup menus, relative to a link

Site navigation

Home

About

Demos

Download

Purchase

Support

Contact

Forum

Our Blog

Software Library

Web Analyzer

Software Updates

Indibar

CatStudio Catalog Publishing Software

Sothink iPod Video Suite

Jazz Radio

Picture to PDF Converter Pro