05. juni 2007 - 14:25Der er
21 kommentarer og 1 løsning
menu bliver stående
Hej Derude?
Jeg har lavet en menu over flere kollonner i en tabel, så tror lidt jeg har snydt mig selv, for det hele virker fint i første kollone og derfor at jeg blot kopieret og redigeret en lille smule i de to næste kolloner.
Men desværre uden held...
Sådan skulle det virke: (kollone 1) man klikker på et link og noget tekst dukker frem nedenunder, når man så klikker på et nyt link forsvinder det man lige har kunne se..
Sådan virker det desvæære: 1) i kol 2+3 er alle links åbne fra start når man loader siden 2) når man klikker på et nyt link bliver det 'gl' stående..
Og så vil jeg høre om man kan lave en eller kombination så når man bevæger sig fra kol til kol (f.eks. kol1 til kol2) så lukker alle links i kol 1 og det link man har klikket på i kol 2 åbner self. som det skal..??
hmm det har jeg i ingen af dem heller ikk den der bare hedder submenu (som er for første kol der jo virker?... men prøver da lige at sætte det ind og så om det sku gøre nogen forskel...
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change 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"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } }
function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; }
function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } }
function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue }
if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate
</script>
<body> <tr> <td valign="top" width="225"> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')">PROFIL</div> <span class="submenu" id="sub1"> KRIStheDJ er mit alias i DJ sammenhænge,<br> til hverdag er det navnet Kristian der ryger ud af munden på mine venner, kolegaer, og andet godtfolk når de vil i kontakt med mig.hej</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">BAG PULTEN</div> <span class="submenu" id="sub2"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub3')">GALLERI</div> <span class="submenu" id="sub3"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub4')">BOOK ONLINE</div> <span class="submenu" id="sub4"> tekst tekst tekst tekst tekst tekst tekst
</span>
<div class="menutitle" onclick="SwitchMenu('sub5')">REFERENCER</div> <span class="submenu" id="sub5"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub6')">INFORMATION</div> <span class="submenu" id="sub6"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub7')">KONTAKT</div> <span class="submenu" id="sub7"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> <td valign="top" width="15"> </td> <td valign="top" width="220"> <div id="masterdiv"> <div class="menutitle_LYS" onclick="SwitchMenu('sub8')">PROFIL</div> <span class="submenu_LYS" id="sub8"> Så lykkedes det endelig at få denne menu til at virke som jeg ville ha det </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub9')">WYSIWYG</div> <span class="submenu_LYS" id="sub9"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub10')">REFERENCER</div> <span class="submenu_LYS" id="sub10"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub11')">GALLERI</div> <span class="submenu_LYS" id="sub11"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub12')">KONTAKT</div> <span class="submenu_LYS" id="sub12"> tekst tekst tekst tekst tekst tekst tekst </span>
</div> </td> <td valign="top" width="15"> </td> <td valign="top" width="225"> <div id="masterdiv"> <div class="menutitle_WEB" onclick="SwitchMenu('sub13')">PROFIL</div> <span class="submenu_WEB" id="sub13"> Så lykkedes det endelig at få denne menu til at virke som jeg ville ha det </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub14')">SPROG</div> <span class="submenu_WEB" id="sub14"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub15')">UDVIKLING</div> <span class="submenu_WEB" id="sub15"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub16')">ANDRE MEDIER</div> <span class="submenu_WEB" id="sub16"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub17')">REFERENCER</div> <span class="submenu_WEB" id="sub17"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub18')">KONTAKT</div> <span class="submenu_WEB" id="sub18"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> </tr>
Sådan.. har kun lige taget det der har med scriptet her at gøre ;)
<html> <head> <title>JS-Menu</title> <meta http-equiv="Content-Language" content="da"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link href="STYLE/style.css" type="text/css" rel="stylesheet" /> <script type="text/javascript"> var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } }
function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; }
function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } }
function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue }
if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate </script> </head> <body>
<table> <tr> <td valign="top" width="225"> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')">PROFIL</div> <span class="submenu" id="sub1"> KRIStheDJ er mit alias i DJ sammenhænge,<br> til hverdag er det navnet Kristian der ryger ud af munden på mine venner, kolegaer, og andet godtfolk når de vil i kontakt med mig.hej </span>
<div class="menutitle" onclick="SwitchMenu('sub2')">BAG PULTEN</div> <span class="submenu" id="sub2"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub3')">GALLERI</div> <span class="submenu" id="sub3"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub4')">BOOK ONLINE</div> <span class="submenu" id="sub4"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub5')">REFERENCER</div> <span class="submenu" id="sub5"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub6')">INFORMATION</div> <span class="submenu" id="sub6"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub7')">KONTAKT</div> <span class="submenu" id="sub7"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> <td valign="top" width="15"> </td> <td valign="top" width="220"> <div id="masterdiv"> <div class="menutitle_LYS" onclick="SwitchMenu('sub8')">PROFIL</div> <span class="submenu_LYS" id="sub8"> Så lykkedes det endelig at få denne menu til at virke som jeg ville ha det </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub9')">WYSIWYG</div> <span class="submenu_LYS" id="sub9"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub10')">REFERENCER</div> <span class="submenu_LYS" id="sub10"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub11')">GALLERI</div> <span class="submenu_LYS" id="sub11"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub12')">KONTAKT</div> <span class="submenu_LYS" id="sub12"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> <td valign="top" width="15"> </td> <td valign="top" width="225"> <div id="masterdiv"> <div class="menutitle_WEB" onclick="SwitchMenu('sub13')">PROFIL</div> <span class="submenu_WEB" id="sub13"> Så lykkedes det endelig at få denne menu til at virke som jeg ville ha det </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub14')">SPROG</div> <span class="submenu_WEB" id="sub14"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub15')">UDVIKLING</div> <span class="submenu_WEB" id="sub15"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub16')">ANDRE MEDIER</div> <span class="submenu_WEB" id="sub16"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub17')">REFERENCER</div> <span class="submenu_WEB" id="sub17"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub18')">KONTAKT</div> <span class="submenu_WEB" id="sub18"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> </tr> </table>
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change 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"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (document.getElementById){ //DynamicDrive.com change document.write('<style type="text/css">\n') document.write('.submenu{display: none;}\n') document.write('.submenu_LYS{display: none;}\n') document.write('.submenu_WEB{display: none;}\n') document.write('</style>\n') ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } }
function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; }
function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } }
function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue }
if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate
<html> <head> <title>JS-Menu</title> <meta http-equiv="Content-Language" content="da"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link href="STYLE/style.css" type="text/css" rel="stylesheet" /> <script type="text/javascript"> var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } }
function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; }
function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } }
function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue }
if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate </script> </head> <body>
<table> <tr> <td valign="top" width="225"> <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')">PROFIL</div> <span class="submenu" id="sub1"> KRIStheDJ er mit alias i DJ sammenhænge,<br> til hverdag er det navnet Kristian der ryger ud af munden på mine venner, kolegaer, og andet godtfolk når de vil i kontakt med mig.hej </span>
<div class="menutitle" onclick="SwitchMenu('sub2')">BAG PULTEN</div> <span class="submenu" id="sub2"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub3')">GALLERI</div> <span class="submenu" id="sub3"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub4')">BOOK ONLINE</div> <span class="submenu" id="sub4"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub5')">REFERENCER</div> <span class="submenu" id="sub5"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub6')">INFORMATION</div> <span class="submenu" id="sub6"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle" onclick="SwitchMenu('sub7')">KONTAKT</div> <span class="submenu" id="sub7"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> <td valign="top" width="15"> </td> <td valign="top" width="220"> <div id="masterdiv"> <div class="menutitle_LYS" onclick="SwitchMenu('sub8')">PROFIL</div> <span class="submenu_LYS" id="sub8"> Så lykkedes det endelig at få denne menu til at virke som jeg ville ha det </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub9')">WYSIWYG</div> <span class="submenu_LYS" id="sub9"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub10')">REFERENCER</div> <span class="submenu_LYS" id="sub10"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub11')">GALLERI</div> <span class="submenu_LYS" id="sub11"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_LYS" onclick="SwitchMenu('sub12')">KONTAKT</div> <span class="submenu_LYS" id="sub12"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> <td valign="top" width="15"> </td> <td valign="top" width="225"> <div id="masterdiv"> <div class="menutitle_WEB" onclick="SwitchMenu('sub13')">PROFIL</div> <span class="submenu_WEB" id="sub13"> Så lykkedes det endelig at få denne menu til at virke som jeg ville ha det </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub14')">SPROG</div> <span class="submenu_WEB" id="sub14"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub15')">UDVIKLING</div> <span class="submenu_WEB" id="sub15"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub16')">ANDRE MEDIER</div> <span class="submenu_WEB" id="sub16"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub17')">REFERENCER</div> <span class="submenu_WEB" id="sub17"> tekst tekst tekst tekst tekst tekst tekst </span>
<div class="menutitle_WEB" onclick="SwitchMenu('sub18')">KONTAKT</div> <span class="submenu_WEB" id="sub18"> tekst tekst tekst tekst tekst tekst tekst </span> </div> </td> </tr> </table>
ved virkelig ikke hvad der går galt, har lige prøvet at kopier din kode ind og det er det samme den skriver fejl om: et objekt var ventet i linie xxx lige meget hvad man klikker på...
har lige prøvet at sætte din kode på en side alene og her virker det heller ikke helt optimalt, alle kol er godt nok skjulte i starten, men hvis man begynder at klikke i kol 2 og herefter kol 3 bliver kol 2 stående, det er stadig kun kol 1 der forsvinder når man trykker på et nyt link...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.