Undermenu fungerer ikke i java-fil
Jeg har lavet en html fil og en javascript fil hvor man via javascript skulle se undermenu, men kan ikke få det til at fungere. Det fungerer fint hvis man placerer script i htm-filen.htm-filen bliver kaldt for skabelon.htm og javascript-filen bliver kaldt for many.js
håber at I kan løse den simple problem som driver mig til vanvid.
BrunoX
Htm-filen:
<html>
<head>
<SCRIPT SRC="meny.js"></SCRIPT>
<style type="text/css">
A.menulink {
background-color:#add8e6;
display: block;
width: 134px;
text-align: left;
text-decoration: none;
font-family:Verdana;
font-size:11px;
color: #0000ff;
border:1px solid #DDDDDD;
}
.menutitle{
cursor:pointer;
margin-bottom: 2px;
background-color:#add8e6;
color:#0000ff;
width:134px;
padding:1px;
text-align:center;
/*font-weight:bold;*/
border:1px solid #0000FF;
}
</style>
</head>
<body>
<table>
<script>
document.write(rullemenu)
</script>
</table>
</body>
Javascript-filen:
var ns4class=''
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
var rullemenu ="<div id='masterdiv'>"+
"<div class='menutitle' onclick='SwitchMenu('sub1')' style='width: 134px; height: 20px'><a hef='skabelon.htm'>Startside</a></div><span class='submenu' id='sub1'></span>"+
"<div class='menutitle' onclick='SwitchMenu('sub2')' style='width: 134px; height: 20px'>Innhold</div><span class='submenu' id='sub2'>"+
"<a href='../nyhed.htm' class='menulink' class=&{ns4class};> Hvad er nyhed</a>"+
"<a href='../varme.htm' class='menulink' class=&{ns4class};> Varme nyheder</a>"+
"<a href='../tricks.htm' class='menulink' class=&{ns4class};> Smarte tricks</a>"+
"<a href='../Personale' class='menulink' class=&{ns4class};> Personale nyt</a></span>"+
"</div>"
