Avatar billede iphase Nybegynder
11. november 2002 - 12:22 Der er 10 kommentarer og
2 løsninger

Midlertidigt Skjulte Tabels?

Hej,

Jeg ønsker at finde en god forklaring på hvordan man laver midlertidigt skjulte tables i CSS ligsom der er her på eksperten.dk. Jeg snakker om de blå barre man kan klikke på i menuen til venstre og højre, for at skjule deres indhold. JEg skal bruge lige precis det :)

På forhånd tak
Avatar billede lequet Nybegynder
11. november 2002 - 12:26 #1
simpelt eksempel (meget simpelt :)

<div id="noget" style="display : none ;" onClick="this.style.display = 'block'">
Bla bla
</div>

Det hele foregår ved at bruge display : none ; og display : block ;

Display : none ; betyder at det ikke vises, og block at det vises, og så kan man bruge en smule javascript til at skifte imellem dem. Mit lille eksempel her er ikke så vanvittigt fedt, men viser det grundlæggende :)
Avatar billede staz Nybegynder
11. november 2002 - 12:27 #2
Jeg er bange for at der skal bruges noget java-script til det... :o( Men jeg følger da lige med da jeg også gerne vil vide det :o)
Avatar billede lequet Nybegynder
11. november 2002 - 12:28 #3
Ups, mit eksempel giver vist ikke meget mening (kan jo ikke klikke på noget der ikke er det :) men teknikken skulle være indlysende
Avatar billede iphase Nybegynder
11. november 2002 - 12:29 #4
hehe.. jeg kiger på det, må bare rippe noet kode fra eksperten, selvom det er noget rod der står i en lang linje ;)
Avatar billede lequet Nybegynder
11. november 2002 - 12:30 #5
Laver lige et bedre eksempel, 2 sek. :)
Avatar billede staz Nybegynder
11. november 2002 - 12:30 #6
leguet >> Hmm, nej der er ikke meget eksempel i det :o) Men teknikken, hvis det virklig er så simpelt, er da kanon
Avatar billede lequet Nybegynder
11. november 2002 - 12:31 #7
I head :

<script>
mode = 0 ;

function showhide() {
  if ( mode == 0 ) {
    document.getElementById('noget').style.display = 'block' ;
    mode = 1 ;
  } else {
    document.getElementById('noget').style.display = 'none' ;
    mode = 0 ;
  }
}
</script>

I body :

<a href="#" onClick="showhide()">Vis/skjul</a>

<div id="noget" style="display : none ;">Bla bla</div>

Sådan :) Stadig simpelt, men det skulle virke
Avatar billede staz Nybegynder
11. november 2002 - 12:34 #8
Hvad mand det var nemt...
Avatar billede iphase Nybegynder
11. november 2002 - 12:36 #9
Hey har selv lige fundet et herre smart og effektivt script..

---head del---

<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>

---body del---

<h3 style="cursor:hand" onClick="expandit(this)">[Emoticons]</h3>
<span style="display:none" style=&{head};>
dette er sjult
</span>
Avatar billede staz Nybegynder
11. november 2002 - 12:39 #10
hmm... kan bedre lide lequet´s da der ikke er så meget forvirrende kode i...
Avatar billede lequet Nybegynder
11. november 2002 - 12:55 #11
Synes også mit er mere lækkert at se på :)

Men takker for points :)
Avatar billede iphase Nybegynder
11. november 2002 - 13:08 #12
jeg så faktisk ikke dit før jeg fandt mit eget, ellers havde du fået fuld points, men mange tak for forklaringen af hvad der egentligt sker :).
I kan se det jeg har brugt det til på http://www.easyfrag.dk/tagwall/tag.php
Det er bare lidt leg jeg laver på min forenings midlertidige tagwall.
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