Avatar billede baitianlong Nybegynder
29. november 2004 - 15:15 Der er 12 kommentarer og
1 løsning

Collapse tabel, som her på Eksperten

Hej. Jeg synes det er ret smart med de sammenklappelige trays her på E. Hvordan laver man sin tabel så den kan folde ind/ud ?
Avatar billede ldanielsen Nybegynder
29. november 2004 - 15:17 #1
<table id="tblNummer1" style="display: none;">.......</table>

og

onClick="document.getElementById('tblNummer1').style.display = 'block';"
Avatar billede baitianlong Nybegynder
29. november 2004 - 15:25 #2
Kan jeg ikke putte det på et <tr> i en tabel, sådan at man ved klik på teksten i det <td> der er i det tray, der er ovenover, åbner/lukker det <tr> der er nedenunder...

Altså:

-------------------------------
-        Man klikker her      -
-------------------------------
- Den                        -
- Her                        -
- Åbner / lukker              -
-------------------------------

:) (Håber ikke min tegning bliver alt for kikset efter Send)
Avatar billede ldanielsen Nybegynder
29. november 2004 - 15:31 #3
jo, det kan man godt
Avatar billede baitianlong Nybegynder
29. november 2004 - 15:36 #4
Ok, det har jeg fået til at virke... Men den skal også lige folde ind igen :)
Avatar billede baitianlong Nybegynder
29. november 2004 - 15:40 #5
Fik den fikset på denne lidt bævlede mpde:

onClick="document.getElementById('trFlash').style.display == 'block' ? document.getElementById('trFlash').style.display = 'none' : document.getElementById('trFlash').style.display = 'block';"

Eventuelt en kommentar fra dig?, men i hvert fald et svar :)
Avatar billede baitianlong Nybegynder
29. november 2004 - 15:40 #6
bævlede mpde = bøvlede måde ;)
Avatar billede thomas_yde Nybegynder
30. november 2004 - 09:09 #7
Lav det i en function istedet for.

function foldInFoldOut(id){
  var obj = document.getElementById(id);
  if(obj != null){
  if(obj.style.display == "none"){
    obj.style.display = "block";
  }
  else{
    obj.style.display = "none";
  }
  }
}
Avatar billede ldanielsen Nybegynder
30. november 2004 - 12:25 #8
den korte version:

function foldInFoldOut(id){
  var theObj = document.getElementById(id);
  theObj.style.display = (theObj.style.display == "none") ? "block" : "none";
  }
Avatar billede thomas_yde Nybegynder
30. november 2004 - 12:35 #9
Ja men jeg er generelt meget træt af den måde at skrive if sætninger på, de er trælse at se på og så er det svære at bygge videre på dem....

men det er nok bare mig der ser rødt i dem. :)
Avatar billede ldanielsen Nybegynder
30. november 2004 - 14:47 #10
Jeg er meget glad for dem, for de er lette at læse, og sparer ressourcer.

:o)
Avatar billede baitianlong Nybegynder
30. november 2004 - 16:11 #11
Jeg havde selv fundet ud af at lave det til en funktion, dog ikke helt så elegant, men alligevel:

function foldIndUd(id) {
    document.getElementById(id).style.display == 'block' ? document.getElementById(id).style.display = 'none' : document.getElementById(id).style.display = 'block';
}

:) Men tak for det...
Avatar billede baitianlong Nybegynder
30. november 2004 - 16:12 #12
Hov forresten ldanielsen, smid lige et svar :)
Avatar billede ldanielsen Nybegynder
01. december 2004 - 10:05 #13
Svar
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