Avatar billede cybermaster Nybegynder
08. juni 2004 - 17:50 Der er 1 løsning

åben eller luk alle divs på engang

Hej med jer, hvordan kan jeg tilføje sådan et link, det kræver jo at den tjækker om det er åbent eller lukket i forvejen...
eller hva?

<html>

<head>

<script type="text/javascript">
function sub(lokalDiv){
st = document.getElementById(lokalDiv).style;
if(st.display=='block')st.display='none'
else st.display='block';
}
</script>
<link rel="stylesheet" type="text/css" href="farver.css">

<base target="_self">

</head>

<body topmargin="0" leftmargin="0" bgcolor="#D1D9F3">

<table cellpadding="0" cellspacing="0" border="0" class="menu" width="100%">
  <tr>
    <td class="menu"><a href="#" onclick="sub('1a');sub('1b');sub('1c')" class="overskrift">Kunder</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="1a" style="display:none"><a href="#" class="menupunkt">Kunde kartotek</a></div></td>
  </tr>
  <tr>
    <td class="menu"><div id="1b" style="display:none"><a href="#" class="menupunkt">Vis alle Kunder</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="1c" style="display:none"><a href="#" class="menupunkt">Statistik</a></td>
  </tr>
    <tr>

    <td class="menu"><a href="#" onclick="sub('2a');sub('2b');sub('2c')" class="overskrift">
        Bestillinger</a>
        </td>
  </tr>
  <tr>
    <td class="menu"><div id="2a" style="display:none"><a href="link1.html" class="menupunkt">Ny bestilling</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="2b" style="display:none"><a href="link1.html" class="menupunkt">Afslut bestilling</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="2c" style="display:none"><a href="link1.html" class="menupunkt">Vis alle</a></td>
  </tr>     
  <tr>
  </tr>

    <td class="menu"><a href="#" onclick="sub('3a');sub('3b');sub('3c')" class="overskrift">
              Reparationer</a>
    </td>
    </tr>

  <tr>
 
    <td class="menu"><div id="3a" style="display:none"><a href="link1.html" class="menupunkt">Ny reparation</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="3b" style="display:none"><a href="link1.html" class="menupunkt">Afslut reparation</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="3c" style="display:none"><a href="link1.html" class="menupunkt">Vis alle</a></td>
  </tr>   
  <tr>
  </tr>

    <td class="menu"><a href="#" onclick="sub('4a');sub('4b');sub('4c')" class="overskrift">
                    Gavekort</a>
    </td>
  <tr>
    <td class="menu"><div id="4a" style="display:none"><a href="link1.html" class="menupunkt">Nyt gavekort</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="4b" style="display:none"><a href="link1.html" class="menupunkt">Modtag gavekort</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="4c" style="display:none"><a href="link1.html" class="menupunkt">Vis alle gavekort</a></td>
  </tr>
  <tr>

    <td class="menu"><a href="#" onclick="sub('5a');sub('5b');sub('5c');sub('5d')" class="overskrift">
                          Udlån</a>
    </td>
  </tr>

  </tr>
  <tr>
    <td class="menu"><div id="5a" style="display:none"><a href="link1.html" class="menupunkt">Stylister</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="5b" style="display:none"><a href="link1.html" class="menupunkt">Opret nyt udlån</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="5c" style="display:none"><a href="link1.html" class="menupunkt">Modtag udlån</a></td>
  </tr>
  <tr>
    <td class="menu"<div id="5d" style="display:none"><a href="link1.html" class="menupunkt">Vis alle udlån</a></td>
  </tr>     
  <tr>
</table>

</body>

</html>
Avatar billede cybermaster Nybegynder
08. juni 2004 - 18:10 #1
<html>

<head>

<script type="text/javascript">
function sub(lokalDiv){
st = document.getElementById(lokalDiv).style;
if(st.display=='block')st.display='none'
else st.display='block';
}
</script>

<script type="text/javascript">
function subop(lokalDiv){
st = document.getElementById(lokalDiv).style;
st.display='block';
}
</script>

<script type="text/javascript">
function subi (lokalDiv){
st = document.getElementById(lokalDiv).style;
st.display='none';
}
</script>

<link rel="stylesheet" type="text/css" href="farver.css">

<base target="_self">

</head>

<body topmargin="0" leftmargin="0" bgcolor="#D1D9F3">

<table cellpadding="0" cellspacing="0" border="0" class="menu" width="100%">
  <tr>
  <td>
 
  <table cellpadding="0" cellspacing="0" border="0" class="menu" width="100%">
  <tr>
    <td  width="50% "class="menu"><a href="#" onclick="subop('1a');subop('1b');subop('1c');subop('2a');subop('2b');subop('2c');subop('3a');subop('3b');subop('3c');subop('4a');subop('4b');subop('4c');subop('5a');subop('5b');subop('5c');subop('5d')" class="overskrift">Åben Alle</a><br></td>
    <td  width="50%" class="menu"><a href="#" onclick="subi('1a');subi('1b');subi('1c');subi('2a');subi('2b');subi('2c');subi('3a');subi('3b');subi('3c');subi('4a');subi('4b');subi('4c');subi('5a');subi('5b');subi('5c');subi('5d')" class="overskrift">Luk Alle</a><br></td>
  </tr>
  </table>
    </td>
     
  </tr>
  <tr>
    <td class="menu"><a href="#" onclick="sub('1a');sub('1b');sub('1c')" class="overskrift">Kunder</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="1a" style="display:none"><a href="#" class="menupunkt">Kunde kartotek</a></div></td>
  </tr>
  <tr>
    <td class="menu"><div id="1b" style="display:none"><a href="#" class="menupunkt">Vis alle Kunder</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="1c" style="display:none"><a href="#" class="menupunkt">Statistik</a></td>
  </tr>
    <tr>

    <td class="menu"><a href="#" onclick="sub('2a');sub('2b');sub('2c')" class="overskrift">
        Bestillinger</a>
        </td>
  </tr>
  <tr>
    <td class="menu"><div id="2a" style="display:none"><a href="link1.html" class="menupunkt">Ny bestilling</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="2b" style="display:none"><a href="link1.html" class="menupunkt">Afslut bestilling</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="2c" style="display:none"><a href="link1.html" class="menupunkt">Vis alle</a></td>
  </tr>     
  <tr>
  </tr>

    <td class="menu"><a href="#" onclick="sub('3a');sub('3b');sub('3c')" class="overskrift">
              Reparationer</a>
    </td>
    </tr>

  <tr>
 
    <td class="menu"><div id="3a" style="display:none"><a href="link1.html" class="menupunkt">Ny reparation</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="3b" style="display:none"><a href="link1.html" class="menupunkt">Afslut reparation</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="3c" style="display:none"><a href="link1.html" class="menupunkt">Vis alle</a></td>
  </tr>   
  <tr>
  </tr>

    <td class="menu"><a href="#" onclick="sub('4a');sub('4b');sub('4c')" class="overskrift">
                    Gavekort</a>
    </td>
  <tr>
    <td class="menu"><div id="4a" style="display:none"><a href="link1.html" class="menupunkt">Nyt gavekort</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="4b" style="display:none"><a href="link1.html" class="menupunkt">Modtag gavekort</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="4c" style="display:none"><a href="link1.html" class="menupunkt">Vis alle gavekort</a></td>
  </tr>
  <tr>

    <td class="menu"><a href="#" onclick="sub('5a');sub('5b');sub('5c');sub('5d')" class="overskrift">
                          Udlån</a>
    </td>
  </tr>

  </tr>
  <tr>
    <td class="menu"><div id="5a" style="display:none"><a href="link1.html" class="menupunkt">Stylister</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="5b" style="display:none"><a href="link1.html" class="menupunkt">Opret nyt udlån</a></td>
  </tr>
  <tr>
    <td class="menu"><div id="5c" style="display:none"><a href="link1.html" class="menupunkt">Modtag udlån</a></td>
  </tr>
  <tr>
    <td class="menu"<div id="5d" style="display:none"><a href="link1.html" class="menupunkt">Vis alle udlån</a></td>
  </tr>     
  <tr>
</table>

</body>

</html>

----

Jep jep ... lukker igen....
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