det er ikke helt det jeg leder efter.
på
http://83.93.84.246/frame.html skulle man gerne kunne se det jeg leder efter, BARE uden tabellen OG at det skal være med onMouseover.
scriptet kommer her:
<html>
<head>
<title>frame</title>
<script src="scripts/menu.js"></script>
<style type="text/css">
#dynTable {
position:absolute;
top:330px;
left:20px;
border:1px black solid;
cursor:pointer;cursor:hand;
width:180px;
}
.menu {
height:22px;
color:#FFFF99;
background-color:#00CCFF;
font-family:verdana;
font-size:14px;
font-weight:bold;
}
.menuhover {
height:22px;
color:white;
background-color:gray;
font-family:verdana;
font-size:14px;
font-weight:bold;
}
.menulink {
color:#FFFF99;
text-decoration:none;
}
.submenu {
width:100%;
color:black;
background-color:#CCFFFF;
font-family:verdana;
font-size:12px;
text-decoration:none;
}
A.submenu:hover{
font-weight:bold;
color:white;
background-color:gray;
}
</style>
</head>
<body bgcolor="#0098CB">
<table id="dynTable" border="1" cellpadding="0" cellspacing="0">
<tr>
<td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><IMG style="VISIBILITY: hidden" src="billeder/gif/c.gif" ><A class=menulink href="main.html" target=main> <IMG src="billeder/gif/lgsol.gif" width=14 border=0 height="14"> Forside</a></td>
</tr>
<tr onclick="openMenu('menu2',this)">
<td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><IMG src="billeder/gif/c.gif"> Stabskompagniet</td>
</tr>
<tr onclick="openMenu('menu3',this)">
<td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><IMG src="billeder/gif/c.gif"> <img src="billeder/gif/1-1-lg.gif" width=14 height=16> 1. kompagni</td>
</tr>
<tr onclick="openMenu('menu4',this)">
<td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><IMG src="billeder/gif/c.gif"> <IMG src="billeder/gif/2-1-lg.gif" width=14 height=16> 2. kompagni</td>
</tr>
<tr onclick="openMenu('menu5',this)">
<td class="menu" onmouseover="highlight(this)" onmouseout="dontHighlight(this)"><IMG src="billeder/gif/c.gif"> <IMG src="billeder/gif/3-1-lg.gif" width=14 height=16> 3. kompagni</td>
</tr>
</table>
<div id="menu1" style="VISIBILITY: hidden"></div>
<div id="menu2" style="VISIBILITY: hidden">
<A class=submenu href ="adresseliste kom-st-1-LG.html" target=main > Kommandodelingen</a><br>
<A class=submenu href ="adresseliste 1-st-1-LG.html" target=main > 1. deling</a><br>
<A class=submenu href ="adresseliste 2-st-1-LG.html" target=main > 2. deling</a><br>
<A class=submenu href ="adresseliste 3-st-1-LG.html" target=main > 3. deling</a><br>
<A class=submenu href ="adresseliste 4-st-1-LG.html" target=main > 4. deling</a><br>
<A class=submenu href ="adresseliste 5-st-1-LG.html" target=main > 5. deling</a></div>
<div id="menu3" style="VISIBILITY: hidden">
<A class=submenu href ="adresseliste kom-1-1-LG.html" target=main > Kommandodelingen</a><br>
<A class=submenu href ="adresseliste 1-1-1-LG.html" target=main > 1. deling</a><br>
<A class=submenu href ="adresseliste 2-1-1-LG.html" target=main > 2. deling</a><br>
<A class=submenu href ="adresseliste 3-1-1-LG.html" target=main > 3. deling</a></div>
<div id="menu4" style="VISIBILITY: hidden">
<A class=submenu href ="adresseliste kom-2-1-LG.html" target=main > Kommandodelingen</a><br>
<A class=submenu href ="adresseliste 1-2-1-LG.html" target=main > 1. deling</a><br>
<A class=submenu href ="adresseliste 2-2-1-LG.html" target=main > 2. deling</a><br>
<A class=submenu href ="adresseliste 3-2-1-LG.html" target=main > 3. deling</a></div>
<div id="menu5" style="VISIBILITY: hidden">
<A class=submenu href ="adresseliste kom-3-1-LG.html" target=main > Kommandodelingen</a><br>
<A class=submenu href ="adresseliste 1-3-1-LG.html" target=main > 1. deling</a><br>
<A class=submenu href ="adresseliste 2-3-1-LG.html" target=main > 2. deling</a><br>
<A class=submenu href ="adresseliste 3-3-1-LG.html" target=main > 3. deling</a></div>
</body>
</html>
var menuStatus = new Array();
function openMenu(menuID,object) {
rowID=object.rowIndex+1;
obj=object.parentNode;
if (!menuStatus[menuID] || null) {
obj.rows[object.rowIndex].cells[0].innerHTML = obj.rows[object.rowIndex].cells[0].innerHTML.replace(/c.gif/,'o.gif');
obj.insertRow(rowID);
obj.rows[rowID].insertCell(0);
obj.rows[rowID].cells[0].innerHTML=document.getElementById(menuID).innerHTML;
obj.rows[rowID].cells[0].className='submenu';
menuStatus[menuID]=true }
else {
obj.rows[object.rowIndex].cells[0].innerHTML = obj.rows[object.rowIndex].cells[0].innerHTML.replace(/o.gif/,'c.gif');
obj.deleteRow(rowID);
menuStatus[menuID]=false }
}
function highlight(object){
object.className='menuhover';
}
function dontHighlight(object){
object.className='menu';
}
Ny bruger
Nybegynder
Opret
Preview
