Avatar billede shjorth Nybegynder
28. oktober 2007 - 19:24 Der er 10 kommentarer og
2 løsninger

Skjul af tabel

Hejsa.

Jeg bruger flg script:

<script language="javascript">
function toggleTR(tr) {
  if (tr.style.display != 'none') {
    tr.style.display = 'none';
    }
   
  else {
    tr.style.display = '';
    }
  }
</script>

<a href='#' onclick="toggleTR(myTR)"'>Skjul/vis</a>

Hvis jeg nu vil lave noget hvor den konstant er skjult, men når man trykker vises den.
Altså modsat. Er der nogen der kan give mig et hint om hvordan?

Mange tak
Avatar billede shjorth Nybegynder
28. oktober 2007 - 19:28 #1
Kræver måske lidt mere forklaring.

Jeg vil have en tabel som er skjult, men som kan vises ved et simpelt tryk, og derefter skjules ved at trykke igen :D
Den omvendte model ;-)
Avatar billede w13 Novice
28. oktober 2007 - 19:28 #2
For det første kan din funktion optimeres:

<script type="text/javascript">
function toggleTR(tr){
tr.style.display=tr.style.display=="none"?"":"none"
}
</script>

Bemærk at jeg har ændret language="javascript" til type="text/javascript", da denne er påkrævet og den anden forældet i følge W3C.

Og så kan du sætte en style="display:none" på din tr, så den ikke vises før klik på linket.
Avatar billede soerenlyn Nybegynder
28. oktober 2007 - 19:35 #3
w13 --> Det kan godt være det virker, men jeg vil mene at det vil være mere korrekte med:

tr.style.display=tr.style.display=="none"?"inline":"none"

Altså når den skal vises så sætte den til inline i stedet for "" ... Derudover, skulle det ikke være en tabel og ikke en tr?
Avatar billede shjorth Nybegynder
28. oktober 2007 - 19:45 #4
Tabel -> Tr
Det er for så vidt lige gyldigt :D

Ihvertfald så virker det.
Jeg har brugt begge eksempler. Hvad der er det rigtige ved jeg ikke, men ihvertfald mange tak :-)
I må lige smide et svar
Avatar billede w13 Novice
28. oktober 2007 - 19:49 #5
Jo, soerenlyn, men jeg vidste ikke lige, om shjorth ønskede det inline eller block. =)

Men jeg er i hvert fald frisk på en deler.
Avatar billede shjorth Nybegynder
28. oktober 2007 - 21:12 #6
Mens vi venter :)
Hvad er "inline" og "block" ?
Avatar billede w13 Novice
28. oktober 2007 - 21:25 #7
Du ved, at koden <p>Hej</p> laver et afsnit, som giver en afstand til næste element, right? Så hvis jeg skriver: <p>Hej</p> <p>Hej igen</p>
så bliver de vist således:

Hej


Hej igen

Altså med et stort mellemrum, mellem de 2 afsnit. Dette hedder block. Hvis de lå ved siden af hinanden, ligesom de gør i koden, ville de være inline. Og det kan altså sættes med CSS vha. display.

Så block er altså mellemrum før og efter et element, hvor inline betyder at det sidestilles med andre elementer.
Avatar billede soerenlyn Nybegynder
28. oktober 2007 - 22:35 #8
Så sandt som det er sagt w13 !
Avatar billede shjorth Nybegynder
28. oktober 2007 - 22:39 #9
Tak for hjælpen.

I må have en god søndag aften :-)
Avatar billede w13 Novice
28. oktober 2007 - 22:44 #10
I lige måde, og tak for point! =)
Avatar billede soerenlyn Nybegynder
28. oktober 2007 - 23:02 #11
Ja det samme siger jeg.
Avatar billede w13 Novice
28. oktober 2007 - 23:06 #12
Efteraber. :P
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