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?
Annonceindlæg fra Cognizant
bare glem den der class="oParent" den bruges ikke længere!
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>
2 betydende < tegn efter hinanden ?? <fieldset<legend
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>
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> ?
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
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?
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
Vi tilbyder markedets bedste kurser inden for webudvikling