Avatar billede andersasp Nybegynder
07. marts 2007 - 09:43 Der er 12 kommentarer og
1 løsning

Check box on click

Hejsa,

Jeg har et script som viser noget indhold via en "div" når man klikker på en checkbox.  Nu vil jeg dog gerne have at checkboxen er afkrydset fra starten, og indholdet så bliver vist når man af krydser den.. dette kan jeg dog bare ikke få til at virke!!

<input name="startslut" type="checkbox" onclick="document.getElementById('gnu').style.display=this.checked?'block':'none'" />

<div id="gnu" style="display:none">
indhold her....
</div>
Avatar billede roenving Novice
07. marts 2007 - 10:51 #1
Du skal vel bare bytte om på 'block' og 'none' ?-)

<input name="startslut" type="checkbox" onclick="document.getElementById('gnu').style.display=this.checked?'none':'block'" />

<div id="gnu" style="display:block">
indhold her....
</div>
Avatar billede andersasp Nybegynder
07. marts 2007 - 14:20 #2
Ok super, tak skal du have.

Men jeg vil også godt have at check boxen er afkrydset fra starten af, hvordan gør jeg det?? når jeg sætter den til checked - bliver det indhold som skal skjules vist ved load af siden!
Avatar billede roenving Novice
07. marts 2007 - 14:24 #3
<input name="startslut" type="checkbox" onclick="document.getElementById('gnu').style.display=this.checked?'none':'block'" checked="checked" />

<div id="gnu" style="display:none">
indhold her....
</div>
Avatar billede andersasp Nybegynder
07. marts 2007 - 14:32 #4
Det var også det jeg kom frem til, men når man første gang loader siden, bliver det indhold som skal skjules vist??
Avatar billede roenving Novice
07. marts 2007 - 14:40 #5
¿No comprende?
Avatar billede andersasp Nybegynder
07. marts 2007 - 14:42 #6
Når jeg åbner siden for første gang, er checkboxen afkrydset.. Men det indhold som jeg prøver at skjule bliver først skjult når jeg afchecker og derefter checker boxen igen...
Avatar billede roenving Novice
07. marts 2007 - 14:53 #7
<div id="gnu" style="display:none">
Avatar billede andersasp Nybegynder
07. marts 2007 - 14:56 #8
Ups det må du undskylde.. det virker perfekt!!!! tusinde tak!!
Avatar billede roenving Novice
08. marts 2007 - 15:13 #9
Velbekomme '-)
Avatar billede andersasp Nybegynder
14. marts 2007 - 08:22 #10
Ok tusinde tak for hjælpen.. Hvis jeg smed lidt flere points, kunne du evt hjælpe mig med at udvide denne funktion lidt?  :)

Jeg Jeg vil gerne have den til at fjerne 2 div elememter samt vise en trejde.. hvis dette er muligt. Dvs. når man afkrydser checkboksen, bliver 2 stk indhold (div) fjernet, og samtidig popper et trejde op!

Hvis ikke giver jeg selvfølgelig points med det samme!
Avatar billede roenving Novice
14. marts 2007 - 09:42 #11
-- så vil jeg foretrække at lave en funktion:

<input name="startslut" type="checkbox" onclick="visSkjul(this.checked);" checked="checked" />

<div id="gnu" style="display:none">
indhold her....
</div>

<div id="sej" style="display:none">
indhold her....
</div>

<div id="varan" style="">
indhold her....
</div>

<script type="text/javascript">
function visSkjul(chk){
  document.getElementById('gnu').style.display = chk?'none':'block';
  document.getElementById('sej').style.display = chk?'none':'block';
  document.getElementById('varan').style.display = chk?'block':'none';
}
</script>
Avatar billede andersasp Nybegynder
14. marts 2007 - 09:52 #12
Super, tusinde tak for alt din hjælp :)
Avatar billede roenving Novice
14. marts 2007 - 10:05 #13
-- o tak for point ;~}
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