Jeg har lavet en miniudgave af min mennu - beklager at koden er lidt grim, men det burde fremgå hvilke del af koden jeg gerne vil ha ud.
Håber du eller en anden kan hjælpe mig :o)
Mvh. Mikkel
************
<html>
<head>
<link rel="stylesheet" href="artikel.css" type="text/css">
<script>
ids = { // undermenuer for hvert menupunkt
rod: new Array( "menu1" )
};
idObj = new Object(); // bruges til at huske de anvendte HTML-elementer
menuOff = false; // sættes sand for NS4 og evt andre browsere der ikke
// understøtter denne menu
function hentId( id, menu ) {
if ( document.getElementById )
idObj[id] = document.getElementById(id);
else if ( document.all )
idObj[id] = document.all[id];
if ( idObj[id] ) {
return idObj[id];
} else {
alert( "denne browser kan ikke håndtere menuen korrekt." );
menuOff = true;
return null;
}
}; //end hentId( string ) -> HTNL element
function fold( id, parentMenu ) { // folder menupunkter ind og ud
if ( menuOff || ! parentMenu ) return;
var menu = ids[parentMenu];
for (var i = 0; menu.length > i; i++) {
var el = idObj[menu[i]] || hentId(menu[i]);
if ( ! el ) return;
if ( menu[i]==id && el.style.display=="none" ) {
el.style.display = "block";
} else {
if ( ids[menu[i]] ) fold( "alle", menu[i] );
// luk alle undermenuer til denne
el.style.display = "none";
}
}
}; //end fold( string, string )
</SCRIPT>
<script language="JavaScript">
function co(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#6699cc'
} else if (mode=="out") {
cursortype = ''
colorval = '#666666'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
</script>
<script language="JavaScript">
function co1(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#6699cc'
} else if (mode=="out") {
cursortype = ''
colorval = '#9a9a9a'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
</script>
</head>
<BODY leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onload="fold('menu1','rod');">
<br><br><br>
<table cellpadding="0" cellspacing="0" align="center" border="1" width="600" height="440"><tr><td width="130" height="440">
<!----menu som skal væk-----!>
<table cellpadding="0" cellspacing="0"><tr><td bgcolor="#666666" width="130" height="440">
<table cellpadding="0" cellspacing="0" width="130">
<tr><td style="padding-left:0px;" bgcolor="#666666" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
<a href="test1.html"> Bestyrelsen</a>
</td></tr>
<tr><td bgcolor="#666666" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
<a href="#" onclick="if (this.blur) this.blur(); fold('menu1','rod'); return false;"> Instruktører</a>
<div id="menu1">
<table cellpadding="0" cellspacing="0" width="130"><tr><td style="padding-left:7px;" bgcolor="#9a9a9a" onmouseover="co1(this,'in');" onmouseout="co1(this,'out');">
<a class="under" href="test1.html">Voksen-instrutører</a></td></tr>
<tr><td style="padding-left:7px;" bgcolor="#9a9a9a" onmouseover="co1(this,'in');" onmouseout="co1(this,'out');"><a class="under" href="test1.html">B&U-instrutører</a></td></tr>
<tr><td style="padding-left:7px;" bgcolor="#9a9a9a" onmouseover="co1(this,'in');" onmouseout="co1(this,'out');"><a class="under" href="test1.html">Hjælpe-instruktører</a></td></tr></table>
</div>
</td></tr>
<tr><td style="padding-left:0px;" bgcolor="#666666" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
<a href="test1.html"> Træningssteder</a>
</td></tr>
<tr><td style="padding-left:0px;" bgcolor="#666666" onmouseover="co(this,'in');" onmouseout="co(this,'out');">
<a href="test1.html"> Kontakt</a>
</td></tr>
</table>
</td></tr></table>
<!----menu som skal væk-----!>
</td>
<td style="padding:10px;">
Dette er Forsiden!!
</td></tr>
</BODY>
</HTML>
Ny bruger
Nybegynder
Opret
Preview
