You'll notice in the code below that I am pointing back to this website for css and js. Can someone please give me a sample of what should go in each of these? I have a working version of UDM4 working on my website. But now I am trying to create a second menu and understand that popup is my only choice here. Also can someone clarify -- can I have one drop down and then mulitiple popup menus or do I have to reconfigure my drop down nav bar as popup menus when I add a second nav bar?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>testme</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
//open menu with given ID
function 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 ID
function closeMenu(menuID)
{
//if the menu code is ready
if(um.ready)
{
//deactive menu
um.deactivateMenu(menuID);
}
}
</script>
<link rel="stylesheet" type="text/css" href="http://www.udm4.com/udm-resources/udm-style.php?config=/var/www/vhosts/udm4.com/httpdocs/demos/popup-relative.ini" media="screen">
</head>
<body>
<div class="demoPara">
<p>
Like this link to the
<a href="/menu/"
onMouseOver="openMenu('about',this)"
onMouseOut="closeMenu('about')">
About UDM</a> section.
</p>
</div>
<ul id="udm" class="udm">
<li id="about"><a id="aboutButton" class="navButton" href="/menu/" title="About UDM">About</a>
<ul>
<li><a href="/menu/">About UDM</a></li>
<li><a href="/menu/benefits/" class="icon thumbsup">The Benefits of UDM 4</a></li>
<li><a href="/menu/browsers/" class="msicon mschart">Browser support</a></li>
<li><a href="/menu/accessibility/" class="icon task msicon mstask">Accessibility tests</a></li>
<li><a href="/menu/disadvantages/">Any disadvantages?</a></li>
<li><a href="/menu/faq/" class="msicon mshelp">General FAQ</a></li>
<li class="dividerAbove"><a href="/menu/modules/" class="icon cog msicon mstools">Modules & Extensions</a></li>
<li><a href="/menu/updates/">Script updates</a></li>
<li class="dividerAbove"><a href="/menu/author/" class="icon favicon">About the author</a></li>
<li><a href="/licensing/affiliates/" class="icon thumbsup">Affiliate Program</a></li>
<li><a href="/menu/credits/">Credits and thanks</a></li>
<li><a href="/licensing/linkback/" title="Link-back to Ultimate Drop Down Menu"> Link-back to UDM</a></li>
</ul>
</li>
</ul>
<script type="text/javascript" src="http://www.udm4.com/udm-resources/udm-dom.php?config=/var/www/vhosts/udm4.com/httpdocs/demos/popup-relative.ini"></script>
</body>
</html>