21. februar 2006 - 07:31
Der er
6 kommentarer og 1 løsning
Byt om på åben/lukket
Når man går ind på siden med den nedenstående menu, er den som standard åben. Jeg vil gerne have at den er lukket, eller "klappet sammen", men det er ikke umiddelbart så nemt, som jeg umiddelbart troede. Hvordan gøres det? <form id="MenuPersonal" name="frmMenuPersonal" method="post" action="/members/default.asp" class="menutable"> <script type="text/JavaScript" language="JavaScript"> var navPersonal = ''; if(document.cookie.indexOf('PersonalClosed') > -1){ navPersonal += 'PersonalClosed'; } </script> <table id="PersonalOpen" class="menutable"> <tr onclick="navPersonal=navPersonal+'PersonalClosed';menuNavPersonal();" title="Fold menu sammen"> <td class="menuheadlineClose">Din profil</td> </tr> <tr> <td style="width: 156px; padding: 0px;"> <table style="width: 156px; padding: 0px; margin: 0px auto; border-collapse: collapse; background-color: #f8f8f8;"> <tr> <td class="menutr"> Ret profil<br> Se profil<br> Slet profil </td> </tr> </table> </td> </tr> </table> <table id="PersonalClosed" class="menutable"> <tr onclick="navPersonal=navPersonal.replace('PersonalClosed','');menuNavPersonal();" title="Udvid menu"> <td class="menuheadlineOpen">Din profil</td> </tr> </table> <script type="text/JavaScript" language="JavaScript"> function menuNavPersonal(){ if(navPersonal.indexOf('PersonalClosed') > -1){ document.getElementById('PersonalOpen').style.display='none'; document.getElementById('PersonalClosed').style.display='block'; }else{ document.getElementById('PersonalOpen').style.display='block'; document.getElementById('PersonalClosed').style.display='none'; } document.cookie='navigationPersonal='+navPersonal; } </script> <script type="text/JavaScript" language="JavaScript"> menuNavPersonal(); </script> </form>
Annonceindlæg tema
23. februar 2006 - 20:57
#1
Ingen bud?
25. februar 2006 - 17:25
#2
Det er vel 'bare' at bytte rundt på logikken: <table id="PersonalOpen" class="menutable" style="display:none;"> function menuNavPersonal(){ if(navPersonal.indexOf('PersonalClosed') > -1){ document.getElementById('PersonalOpen').style.display='block'; document.getElementById('PersonalClosed').style.display='none'; }else{ document.getElementById('PersonalOpen').style.display='none'; document.getElementById('PersonalClosed').style.display='block'; } document.cookie='navigationPersonal='+navPersonal; } -- det kræver så, at du har en knap eller noget, der kan åbne dem !-)
26. februar 2006 - 11:36
#3
En knap? Hm? Jeg bruger jo hele TableRow til at åbne for menuen: <tr onclick="navPersonal=navPersonal+'PersonalClosed';menuNavPersonal();" title="Fold menu sammen">
26. februar 2006 - 14:48
#4
Som så skal ændres til fold ud ...
27. februar 2006 - 06:35
#5
Ok, det er nu gjort, men menuen vil ikke rettes ud: <form id="MenuMembers" name="frmMenuMembers" method="post" action="/members/default.asp" class="menutable"> <script type="text/JavaScript" language="JavaScript"> var nav = ''; if(document.cookie.indexOf('LoggedInClosed') > -1){ nav += 'LoggedInClosed'; } </script> <table id="LoggedInOpen" class="menutable" style="display: none;"><%' style="display: none;" SKAL FJERNES %> <tr onclick="nav=nav+'LoggedInOpen<%'SKAL RETTES TILBAGE TIL LoggedInClosed%>';menuNav();" title="Fold menu sammen"> <td class="menuheadlineClose">Login-status</td> </tr> <tr> <td style="width: 154px; padding: 0px;"> <table style="background-color: #f8f8f8;" class="menutable"> <tr> <td class="menutr">Du er <% If Session("username") <> "" Then %>online<% Else %>offline<% End If %></td> </tr> <tr> <td class="menutr" style="text-align: right; padding: 0px 4px 0px 0px;"><% If Session("username") <> "" Then %>[ <a title="Log ud" href="#" onfocus="this.blur();">Log ud</a> ]<% Else %>[ <a title="Log ind" href="/" onfocus="this.blur();">Log ind</a> ]<% End If %></td> </tr> </table> </td> </tr> </table> <table id="LoggedInClosed" class="menutable"> <tr onclick="nav=nav.replace('LoggedInOpen<%'SKAL RETTES TILBAGE TIL LoggedInClosed%>','');menuNav();" title="Udvid menu"> <td class="menuheadlineOpen">Login-status</td> </tr> </table> <script type="text/JavaScript" language="JavaScript"> function menuNav(){ if(nav.indexOf('LoggedInClosed') > -1){ document.getElementById('LoggedInOpen').style.display='block'; document.getElementById('LoggedInClosed').style.display='none'; }else{ document.getElementById('LoggedInOpen').style.display='none'; document.getElementById('LoggedInClosed').style.display='closed'; } document.cookie='navigation='+nav; } </script> <script type="text/JavaScript" language="JavaScript"> menuNav(); </script> </form>
02. marts 2006 - 23:34
#6
Jeg lukker. Opretter et nyt spørgsmål i løbet af weekenden.
02. marts 2006 - 23:35
#7
Men ellers tak for dine input, roenving :o)
Vi tilbyder markedets bedste kurser inden for webudvikling