Prøv og se det her :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/REC-html40/strict.dtd"><html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>Test.</title>
<style type="text/css">
html {
height: 100%; }
body {
height: 100%; }
</style>
<script type="text/javascript">
function showMenu(o,e) {
elm=document.getElementById("smallMenu");
/* elm.style.left=(o.offsetParent.offsetLeft+o.offsetParent.offsetWidth)+"px"; */
/* elm.style.top=o.offsetParent.offsetTop+"px"; */
elm.style.left=(e.clientX+20)+"px";
elm.style.top=e.clientY+"px";
elm.style.display="block"; }
function hideMenu() {
document.getElementById("smallMenu").style.display="none"; }
</script>
</head>
<body style="background-color: #FEFEFE;" onclick="hideMenu();">
<div style="position: absolute; top: 0px; left: 0px; width: 100px; border: 1px solid blue; background-color: #FEFEFE; display: none;" id="smallMenu">
<a href="link1.htm">Link 1</a><br>
<a href="link2.htm">Link 2</a>
</div>
<table style="width: 200px; margin: 0px auto;"><tr>
<td>User 1 :</td><td><a href="showUser.php?user=1" onmouseover="showMenu(this,event);">Etneb Hansen</a></td>
</tr><tr>
<td>User 2 :</td><td><a href="showUser.php?user=2" onmouseover="showMenu(this,event);">Kire Mogensen</a></td>
</tr><tr>
<td>User 3 :</td><td><a href="showUser.php?user=3" onmouseover="showMenu(this,event);">Naj Nielsen</a></td>
</tr></table>
</body>
</html>
Lad høre om det kan bruges :)
Mvh. Johan
Ny bruger
Nybegynder
Opret
Preview
