Avatar billede muddi Praktikant
12. maj 2002 - 21:34 Der er 9 kommentarer og
1 løsning

Collapse fieldset eller noget i den stil ...

Jeg har en formular, hvor jeg gerne vil collapse f.eks. følgende kode:

<fieldset class="oParent"><legend>Modtagere</legend>
  <input type="radio" name="sendTo" value="aar1999to2000" checked>Årgang 98-99<br>
  <input type="radio" name="sendTo" value="aar1999to2000" checked>Årgang 99-00<br>
  <input type="radio" name="sendTo" value="aar2000to2001" checked>Årgang 00-01<br>
</fieldset>

Sådan så jeg kan have en masse fieldset, hvori man sætter en række parametre, men som så kan foldes sammen igen... er der nogen der aner hvordan helvede man gør det?
Avatar billede muddi Praktikant
12. maj 2002 - 21:34 #1
bare glem den der class="oParent" den bruges ikke længere!
Avatar billede muddi Praktikant
12. maj 2002 - 21:36 #2
Min kode ser således ud:

<fieldset<legend>Modtagere</legend>
  <input type="radio" name="sendTo" value="aar1998to1999" checked>Årgang 98-99<br>
  <input type="radio" name="sendTo" value="aar1999to2000">Årgang 99-00<br>
  <input type="radio" name="sendTo" value="aar2000to2001">Årgang 00-01<br>
</fieldset>
Avatar billede jakoba Nybegynder
12. maj 2002 - 21:40 #3
2 betydende < tegn efter hinanden ??
    <fieldset<legend
Avatar billede muddi Praktikant
12. maj 2002 - 21:41 #4
Sorry! :o)

<fieldset><legend>Modtagere</legend>
  <input type="radio" name="sendTo" value="aar1998to1999" checked>Årgang 98-99<br>
  <input type="radio" name="sendTo" value="aar1999to2000">Årgang 99-00<br>
  <input type="radio" name="sendTo" value="aar2000to2001">Årgang 00-01<br>
</fieldset>
Avatar billede muddi Praktikant
12. maj 2002 - 21:43 #5
Er det ikke muligt at collapse den på en eller anden måde, ved at bruge onclick på legend?
Eller måske sætte et <div> ind <fieldset> ?
Avatar billede speedy Nybegynder
12. maj 2002 - 21:52 #6
Måske dette kan bruges:

<html>
  <head>
    <script>
      function collapse(which){
        d = document.all[which];
        if (d.style.display == 'block'){
          d.style.display = 'none';
        } else {
          d.style.display = 'block';
        }
      }
    </script>
  </head>
  <body>
    <fieldset><legend><a href="#" onClick="collapse('modtagere');">Modtagere</a></legend>
      <div style="display: block;" id="modtagere">
      <input type="radio" name="sendTo" value="aar1998to1999" checked>Årgang 98-99<br>
      <input type="radio" name="sendTo" value="aar1999to2000">Årgang 99-00<br>
      <input type="radio" name="sendTo" value="aar2000to2001">Årgang 00-01<br>
      </div>
    </fieldset>
    <fieldset><legend><a href="#" onClick="collapse('andre');">Andre</a></legend>
      <div style="display: block;" id="andre">
      <input type="radio" name="sendTo" value="aar1998to1999" checked>Årgang 98-99<br>
      <input type="radio" name="sendTo" value="aar1999to2000">Årgang 99-00<br>
      <input type="radio" name="sendTo" value="aar2000to2001">Årgang 00-01<br>
      </div>
    </fieldset>
    <fieldset><legend><a href="#" onClick="collapse('flere');">Blah blah</a></legend>
      <div style="display: block;" id="flere">
      <input type="radio" name="sendTo" value="aar1998to1999" checked>Årgang 98-99<br>
      <input type="radio" name="sendTo" value="aar1999to2000">Årgang 99-00<br>
      <input type="radio" name="sendTo" value="aar2000to2001">Årgang 00-01<br>
      </div>
    </fieldset>
    <fieldset><legend><a href="#" onClick="collapse('blah');">Modtagere</a></legend>
      <div style="display: block;" id="blah">
      <input type="radio" name="sendTo" value="aar1998to1999" checked>Årgang 98-99<br>
      <input type="radio" name="sendTo" value="aar1999to2000">Årgang 99-00<br>
      <input type="radio" name="sendTo" value="aar2000to2001">Årgang 00-01<br>
      </div>
    </fieldset>
  </body>
</html>

/SpEeDy
Avatar billede speedy Nybegynder
12. maj 2002 - 21:53 #7
Dette kan ses i funktion her:

http://www.espeedy.dk/eksperten/collapse/

/SpEeDy
Avatar billede muddi Praktikant
12. maj 2002 - 22:37 #8
SpEeDy >> Det var faktisk præcis sådan jeg ville have det til at virke! Hvordan får man dem til at starte med at være kollapsede?

Lægger du lige et svar?
Avatar billede speedy Nybegynder
12. maj 2002 - 22:39 #9
Du skal bare sætte display til none i div'ens style sådan her:

<div style="display: none;" id="modtagere">

Jeg har rettet det på siden...

/SpEeDy
Avatar billede muddi Praktikant
12. maj 2002 - 22:43 #10
Tak!
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