menu fungere ikke optimalt
Hej !Jeg har lavet en menu, som indeholder nogle undermenuer. Dette fungere fint. Men jeg kan ikke få menuen til at slette "gamle" under menuer, når jeg vælger et nyt hovedpunkt. Er der nogen som kan hjælpe..?
Min kode er:
<HTML>
<TITLE>Netvertiser ApS</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE type=text/css>
.menu {
color: #8D2C42;
font-weight:bold;
font-family:tahoma;
font-size: 12px;
}
a:link,a:visited,a:active {
font-family:verdana;
font-size: 12px;
color: #8D2843;
text-decoration: none;
}
p.bottom {
font-family: tahoma,arial,verdana;
font-size: 12px;
color: #8D2843;
}
</STYLE>
</HEAD>
<BODY bgcolor="CCCCCC">
<CENTER>
<TABLE bgcolor="FFFFFF" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="700" height="100" bgcolor="CCCCCC">
<IMG SRC="billeder/top_logo6.gif" WIDTH="700" HEIGHT="100" BORDER="0" ALT="">
</TD>
</TR>
<TABLE width="700" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD bgcolor="FFFFFF" height="25">
<script language="JavaScript" type="text/javascript">
function showMnu(id) {
var styleCheck="";
var styleCheck = document.getElementById("mnu" + id).style.display;
if (styleCheck == "inline") {
document.getElementById("mnu" + id).style.display = "none";
}
if (styleCheck == "none") {
document.getElementById("mnu" + id).style.display = "inline";
}
}
</script>
<div style='float:left; cursor:hand;cursor:pointer; font-family:verdana,sans-serif; font-size: 13px;'>
<a href=# onclick='showMnu(1);'>Forside</a>
<a href=# onclick='showMnu(2);'>Produkter</a>
<a href=# onclick='showMnu(3);'>Annoncør Login</a>
<a href=# onclick='showMnu(4);'>Hvem er vi</a>
<a href=# onclick='showMnu(4);'>Kontak</a>
</div>
</TD>
</TR>
</TABLE>
<TABLE width="700" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD bgcolor="yellow" height="20">
<div style='cursor:hand;cursor:pointer; font-family:verdana,sans-serif; font-size: 11px;display:none;' id='mnu1'>Forside</div>
<div style='cursor:hand;cursor:pointer; font-family:verdana,sans-serif; font-size: 11px;display:none;' id='mnu2'>Bannerannoncer - Annonce specifikationer - Indholdssamarbejder - Autoatlas linkguide </div>
<div style='cursor:hand;cursor:pointer; font-family:verdana,sans-serif; font-size: 11px;display:none;' id='mnu3'>jonas</div>
<div style='cursor:hand;cursor:pointer; font-family:verdana,sans-serif; font-size: 11px;display:none;' id='mnu4'>jonas</div>
<div style='cursor:hand;cursor:pointer; font-family:verdana,sans-serif; font-size: 11px;display:none;' id='mnu5'>jonas</div>
</TD>
</TR>
</TABLE>
<TABLE height="400" width="700" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD bgcolor="green">Side indhold
</TD>
</TR>
</TABLE>
<TABLE width="700" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD bgcolor="white">Info
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
