Så er hele koden her:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Træ Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/* træ menu css */
.mnbutblank{
margin-right: 6px;
}
.mnplus {
background-image: url(../assets/menplus.gif);
margin-right: 6px;
}
.mnminus {
background-image: url(../assets/menminus.gif);
margin-right: 6px;
cursor: pointer;
}
.mndivhdr {
margin-top: 12px;
margin-bottom: 8px;
font-size: 16px;
color: #B0BAC6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
}
.oclinks {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.oclinks a:link {
text-decoration: none;
color: #666666;
}
.oclinks a:visited {
text-decoration: none;
color: #999999;
}
.oclinks a:hover {
text-decoration: none;
color: #000000;
}
.sublinks {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sublinks a:link {
text-decoration: none;
color: #666666;
}
.sublinks a:visited {
text-decoration: none;
color: #999999;
}
.sublinks a:hover {
text-decoration: none;
color: #B0BAC6;
}
.showit {display: block;}
.hideit {display: none;}
.lineit {display: inline;}
img {border: 0px;}
.nn4imgbord {color: white;}
body { background-color: #FFFFFF;}
</style>
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
//-->
</script>
<script type="text/javascript">
<!--
function findObj(theObj, theDoc) {
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) {
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p);}
if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
return foundObj;
}
function showHideLayers() {
var i, visStr, obj, args = showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) {
if ((obj = findObj(args[i])) != null) {
visStr = args[i+2];
if (obj.style) {
obj = obj.style;
if(visStr == 'show') visStr = 'visible';
else if(visStr == 'hide') visStr = 'hidden';}
obj.visibility = visStr;}
}
}
function skiftKlasse(){
var i,x,tB,j=0,tA=new Array(),arg=skiftKlasse.arguments;
if(document.getElementsByTagName){for(i=4;i<arg.length;i++){tB=document.getElementsByTagName(arg[i]);
for(x=0;x<tB.length;x++){tA[j]=tB[x];j++;}}for(i=0;i<tA.length;i++){
if(tA[i].className){if(tA[i].id==arg[1]){if(arg[0]==1){
tA[i].className=(tA[i].className==arg[3])?arg[2]:arg[3];}else{tA[i].className=arg[2];}
}else if(arg[0]==1 && arg[1]=='none'){if(tA[i].className==arg[2] || tA[i].className==arg[3]){
tA[i].className=(tA[i].className==arg[3])?arg[2]:arg[3];}
}else if(tA[i].className==arg[2]){tA[i].className=arg[3];}}}}
}
//-->
</script>
</head>
<body onLoad="skiftKlasse(0,'none','showit','hideit','div');skiftKlasse(0,'none','mnbutblank','mnplus','img');skiftKlasse(0,'none','expblank','expandit','img');skiftKlasse(0,'none','expblank2','expandit2','img'); showHideLayers('HideOnloadDiv','','hide');">
<div id="HideOnloadDiv" style="position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:#ffffff; visibility:visible; z-index:2"></div>
<div id="Layer1" style="position:absolute; left:25px; top:25px; width:160px; z-index:1">
<p class="oclinks">
<a href="java script:;" onClick="skiftKlasse(0,'none','hideit','showit','div');skiftKlasse(0,'none','mnplus','mnminus','img')"><strong>Åben</strong></a> |
<a href="java script:;" onClick="skiftKlasse(0,'none','showit','hideit','div');skiftKlasse(0,'none','mnminus','mnplus','img')"><strong>Luk</strong></a>
</p>
<p class="mndivhdr" onClick="skiftKlasse(1,'mn1','showit','hideit','div');skiftKlasse(1,'but1','mnminus','mnplus','img')"><img src="assets/menblank.gif" alt="" width="9" height="9" align="absmiddle" class="mnbutblank" id="but1">Menu 1</p>
<div id="mn1" class="showit">
<p class="sublinks">
<a href="#">Sub link 1</a></p>
<p class="sublinks">
<a href="#">Sub link 2</a></p>
<p class="sublinks">
<a href="#">Sub link 3</a></p>
</div>
<p class="mndivhdr" onClick="skiftKlasse(1,'mn2','showit','hideit','div');skiftKlasse(1,'but2','mnminus','mnplus','img')"><img src="assets/menblank.gif" alt="" width="9" height="9" align="absmiddle" class="mnbutblank" id="but2">Menu 2</p>
<div id="mn2" class="showit">
<p class="sublinks">
<a href="#">Sub link 1</a></p>
<p class="sublinks">
<a href="#">Sub link 2</a></p>
<p class="sublinks">
<a href="#">Sub link 3</a></p>
<p class="sublinks">
<a href="#">Sub link 4</a></p>
<p class="sublinks">
<a href="#">Sub link 5</a></p>
</div>
<p class="mndivhdr" onClick="skiftKlasse(1,'mn3','showit','hideit','div');skiftKlasse(1,'but3','mnminus','mnplus','img')"><img src="assets/menblank.gif" alt="" width="9" height="9" align="absmiddle" class="mnbutblank" id="but3">Menu 3</p>
<div id="mn3" class="showit">
<p class="sublinks">
<a href="#">Sub link 1</a></p>
<p class="sublinks">
<a href="#">Sub link 2</a></p>
</div>
<p class="mndivhdr" onClick="skiftKlasse(1,'mn4','showit','hideit','div');skiftKlasse(1,'but4','mnminus','mnplus','img')"><img src="assets/menblank.gif" alt="" width="9" height="9" align="absmiddle" class="mnbutblank" id="but4">Menu 4</p>
<div id="mn4" class="showit">
<p class="sublinks">
<a href="#">Sub link 1</a></p>
<p class="sublinks">
<a href="#">Sub link 2</a></p>
<p class="sublinks">
<a href="#">Sub link 3</a></p>
<p class="sublinks">
<a href="#">Sub link 4</a></p>
</div>
</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
