Gør det hele nemmere ?
Hey Folkensjeg har siddet og brygget lidt på en menu og som gerne skulle være i flere levels .. bare meget simpelt , og er nu kommet frem til en ULTRA meget simpel løsning , men kunne godt tænke mig og vide om jeg ikke kunen gøre det nemmere med mere brug af javascript ellerligende eller event. forslag!.
følgende kode :
<html>
<head>
<script language="Javascript">
function CreateCookie(name,value) {
var argv=arguments;
var argc=arguments.length;
var expires=(argc>2) ? argv[2] : null;
var path=(argc>3) ? argv[3] : null;
var domain=(argc>4) ? argv[4] : null;
var secure=(argc>5) ? argv[5] : false;
document.cookie=name+"="+escape(value) +
((expires === null) ? "" : ("; expires="+expires.toUTCString())) +
((path === null) ? "" : ("; path="+path)) +
((domain === null) ? "" : ("; domain="+domain)) +
((secure === true) ? "; secure" : "");
}
function Get_Cookie(name) {
var start = document.cookie.indexOf(name+"=");
var len = start+name.length+1;
if ((!start) && (name != document.cookie.substring(0,name.length))) return null;
if (start == -1) return null;
var end = document.cookie.indexOf(";",len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len,end));
}
function display(id) {
if(document.getElementById(id).style.display!='block') {
document.getElementById(id).style.display='block';
CreateCookie(id,"0");
} else {
document.getElementById(id).style.display='none';
CreateCookie(id,"1");
}
}
function tjek(id) {
if(Get_Cookie(id)=="0")
{
document.getElementById(id).style.display='block';
}
if(Get_Cookie(id)=="1")
{
document.getElementById(id).style.display='none';
}
}
</script>
</head>
<body>
<style>
.menu {
background-color:#efefef;
border: 1px dotted black;
font-family: verdana;
font-size: 8pt;
}
</style>
<table class="menu" align="center" width="400">
<tr>
<td>
<a href="java script:display('sub1');"> Main1 </a><br>
<span id="sub1" style="display:none">
<a href="java script:display('sub11');">sub1</a>
</span>
<span id="sub11" style="display:none">
<a href="sub2">sub1.1</a>
</span>
<a href="java script:display('sub2');"> Main2 </a><br>
<span id="sub2" style="display:none">
<a href="sub2">sub2</a>
</span>
<a href="java script:display('sub3');"> Main3 </a><br>
<span id="sub3" style="display:none">
<a href="sub3">sub3</a>
</span>
</td>
</tr>
</table>
</body>
</html>
og aktivt eksempel kan ses på http://server.stakkeldk/menu/
håber i kan give ideer eller hjælp til udvidelse :)