Hjælp til Pop-up Menu
Jeg har to problemer:1/ Jeg kan ikke få "menu 2" frem.
2/ Jeg vil heller have at menuen kommer frem når man køre musen over tabel-cellen "Overskrift X" (skift farve) istedet for et billede.
Håber en kan hjælpe.
--------------------------------
<html><head>
<style>
a:link{color: #ffffff;text-decoration: none;}
a:visited{color: #ffffff;text-decoration: none;}
a:active{color: #FFCCFF;text-decoration: underline;}
a:hover{color: #FFCC00;text-decoration: underline;}
</style>
<script>
luk = false;
aaben = true
ns4 = (document.layers)? true:false
ie4 = (document.all && !document.getElementById)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;
clicked = false;
function yPos(what){var picY = getY(document.images[what]);return picY;}
function xPos(what){var picX = getX(document.images[what]);return picX;}
function getY(obj) {if (obj == document.body) {return obj.offsetTop} else {return obj.offsetTop + getY(obj.offsetParent);}}
function getX(obj) {if (obj == document.body) {return obj.offsetLeft} else {return obj.offsetLeft + getX(obj.offsetParent);}}
function ud(nr){var styleObj = (ns4)? document.layers['mm'+nr] : (ie4)? document.all['mm'+nr].style : document.getElementById('mm'+nr).style;styleObj.visibility="hidden";}
function showSel(nr) {thisSel=document.getElementById('mm'+nr);
if (thisSel.style.visibility=="hidden") {selL = xPos('over'+nr);selT=yPos('over'+nr);thisSel.style.left=selL+0;thisSel.style.top=selT+21;thisSel.style.visibility="visible";}}
</script>
</head>
<body>
<br><br>
<ul><span id="lukalt" onmouseover="aaben=true;showSel(1);" onmouseout="ud(1);">
<table border=1>
<tr><td><b>Overskrift 1</b></td><td><b>Overskrift 2</b></td><td><b>Overskrift 3</b></td></tr>
<tr><td>
<img type="image" src="sel1.gif" id="over1" width="136" height="21" onclick="aaben=true" onmousedown="showSel(1);">
<div id="mm1" style="position:absolute;visibility:hidden;" onmouseout="if(luk!=false){ud(1)}" onblur="ud(1);" onmouseover="aaben=false" >
<table bgcolor=yellow><tr><td>MENU-1</td></tr></table>
</div>
</td><td>
<img type="image" src="sel2.gif" id="over2" width="136" height="21" onclick="aaben=true" onmousedown="showSel(2);">
<div id="mm2" style="position:absolute;visibility:hidden;" onmouseout="if(luk!=false){ud(2)}" onblur="ud(2);" onmouseover="aaben=false" >
<table bgcolor=yellow><tr><td>MENU-2</td></tr></table>
</div>
</td>
<td>sadsadsad</td><td></tr>
</table></span></ul>
</body>
</html>
