Avatar billede steen_hansen Forsker
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>
Avatar billede steen_hansen Forsker
23. februar 2006 - 20:57 #1
Ingen bud?
Avatar billede roenving Novice
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 !-)
Avatar billede steen_hansen Forsker
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">
Avatar billede roenving Novice
26. februar 2006 - 14:48 #4
Som så skal ændres til fold ud ...
Avatar billede steen_hansen Forsker
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>
Avatar billede steen_hansen Forsker
02. marts 2006 - 23:34 #6
Jeg lukker. Opretter et nyt spørgsmål i løbet af weekenden.
Avatar billede steen_hansen Forsker
02. marts 2006 - 23:35 #7
Men ellers tak for dine input, roenving :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester