menu
Denne menu virker ok, bortset fra det lille problem at menuerne ikke bliver ude når de er blevet fremkaldt. Er der nogen af jer guru'er der har en ide til, hvordan man kan fixe det???<html>
<head>
<script language="javascript">
var x,y;
var last_show = null;
function getpos(obj){
x = document.getElementById(obj).offsetLeft;
y = document.getElementById(obj).offsetTop;
}
function show(obj){
document.getElementById(obj).style.left = x + 40;
document.getElementById(obj).style.top = y;
document.getElementById(obj).style.visibility = "visible";
last_show = obj;
}
function show_last(){
document.getElementById(last_show).style.visibility = "visible"
}
function hideAll(){
document.getElementById(last_show).style.visibility = "hidden";
}
</script>
</head>
<body topmargin="0" leftmargin="0">
<div id="menu1" style="background-color:red; width:30px; position:absolute; top:0; left:0; visibility:hidden;">
HEJ
</div>
<div id="menu2" style="background-color:yellow; width:30px; position:absolute; top:0; left:0; visibility:hidden;">
HEJ2
</div>
<table border="1" style="border: 1px black thin" width="40">
<tr><td id="cel1" onmouseover="getpos('cel1'),show('menu1')" onmouseout="hideAll()">
Hej
</td></tr>
<tr><td id="cel2" onmouseover="getpos('cel2'),show('menu2')" onmouseout="hideAll()">
Hej2
</td></tr>
</table>
</body>
</html>
