Er det noget i denne henretning
(noget jeg ikke fik gjort færdigt for ½ år siden, såeh ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Turneringsmenu</title>
<meta name="Generator" content="Stone's WebWriter 4">
<link href="turnstyle.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript" src="funktioner.js"></script>
<script language="javascript" type="text/javascript">
var men = 5;// Number of active menus
function posText(){
for(i=1;i<=men;i++){
punkt=document.getElementById('menupunkt'+i)
objX=parseInt(punkt.offsetLeft)+parseInt(punkt.offsetParent.offsetLeft) +parseInt(punkt.offsetParent.offsetParent.offsetLeft) +parseInt(punkt.offsetParent.offsetParent.offsetParent.offsetLeft) +45+"px";
objY=parseInt(punkt.offsetTop)+parseInt(punkt.offsetParent.offsetTop)+parseInt(punkt.offsetParent.offsetParent.offsetTop)+parseInt(punkt.offsetParent.offsetParent.offsetParent.offsetTop)+5+"px";
obj=document.getElementById('menutext'+i);
obj.style.left=objX;
obj.style.top=objY;
}
}
function showFrame(frm){
par=getI(top.document,frm).parentNode;
frms=getTs(par,"IFRAME");
for (i=0;i<frms.length;i++){
if (frms[i].id==frm){
frms[i].style.display="block"
}else{
frms[i].style.display="none"
}
}
}
function showMenu(nr){
obj=document.getElementById('menutext'+nr);
obj.style.display="block";
}
function hideMenu(nr){
document.getElementById('menutext'+nr).style.display='none';
}
</script>
</head>
<body bgcolor="#0099CC" style="display:block;overflow:no" onload="posText()">
<div id="menu" style="display:block;overflow:no">
<div id="menuover" class="menuOverskrift" style="display:block">Hvad vil du</div><br><br>
<table onmouseover="showMenu(1);" onmouseout="hideMenu(1);"><tr><td>
<div id="menupunkt1" class="menuPunkt" style="display:block"><a href="java script:showFrame('Start');">Start/Instruktion</a><br>
<div id="menutext1" class="menuText" style="display:none;z-index:2;position:absolute;"><a href="java script:showFrame('Start');"> Start </a></div></div>
</td></tr></table>
<br>
<table onmouseover="showMenu(2);" onmouseout="hideMenu(2);"><tr><td>
<div id="menupunkt2" class="menuPunkt" style="display:block">Indtastning m.v.<br><br>
<div id="menutext2" class="menuText" style="display:none;z-index:2;position:absolute;"><a href="java script:showFrame('Init');"> Start ny </a><br><a href="java script:showFrame('Players');"> Spillere </a></div></div>
</td></tr></table>
<table onmouseover="showMenu(3);" onmouseout="hideMenu(3);"><tr><td>
<div id="menupunkt3" class="menuPunkt" style="display:block">Menu 3 <br><br>
<div id="menutext3" class="menuText" style="display:none;z-index:2;position:absolute;"> menutext3 <br> menutext3 <br> menutext3 <br></div></div>
</td></tr></table>
<table onmouseover="showMenu(4);" onmouseout="hideMenu(4);"><tr><td>
<div id="menupunkt4" class="menuPunkt" style="display:block">Menu 4 <br><br>
<div id="menutext4" class="menuText" style="display:none;z-index:2;position:absolute;"> menutext4 <br> menutext4 <br> menutext4 <br></div></div>
</td></tr></table>
<table onmouseover="showMenu(5);" onmouseout="hideMenu(5);"><tr><td>
<div id="menupunkt5" class="menuPunkt" style="display:block">Menu 5 <br><br>
<div id="menutext5" class="menuText" style="display:none;z-index:2;position:absolute;"> menutext5 <br> menutext5 <br> menutext5 <br></div></div>
</td></tr></table>
</div>
</body>
</html>
