skjul tabel/indhold

Kan jeg sætte en <DIV> omkring tabelen og gøre den usynlig?

Læg tabellen ind i en <div> og ændr dens visibility:

<a href="#" onclick="document.getElementById("divId").style.visibility='hidden';">Valg 2: skjul tabel-1 "<table><tr><td>tabel1</td></tr></table>"</a>

<div id="divId"><table><tr><td>tabel1</td></tr></table></div>

Alle id'er skal være unikke for at det skal virke !-)

<ole>

<script type="text/JavaScript">
function hideTBL(s) {
    if (s.selectedIndex==0) return;
    var TBLtoHide = s.options[s.selectedIndex].value;
    if (document.all) document.all[TBLtoHide].style.display = "none";
    else document.getElementById(TBLtoHide).style.display = "none";
}
</script>
<form>
<select onchange="hideTBL(this)">
    <option>Skjul tabel</option>
    <option value="t1">Tabel 1</option>
    <option value="t2">Tabel 2</option>
</select>
</form>
<table id="t1">
<tr>
    <td>Tabel 1</td>
</tr>
</table>

<table id="t2">
<tr>
    <td>Tabel 2</td>
</tr>
</table>

I stedet for:
  ELEMENT.style.display = "none";
kan du bruge:
  ELEMENT.style.visibility= "hidden";
alt efter, hvad du ønsker. Den første fjerner elementet - den anden fjerner elementet, men lader pladsen stå tom.
Prøv dem - så kan du bedre se, hvad de gør  ;o)

/mvh
</bole>

jeg har brugt roenving's kommentar. Så hvis du lige vil svare :)

undskyld det var oleboles... Hvordan kan jeg gøre det synlig igen. Hvad skal jeg erstatte 'none' med?

none | block

-- og så er der en masse, som har med tables at gøre -- kender ikke deres betydning:
table | table-caption | table-cell | table-column-group | table-footer-group |table-header-group | table-row | table-row-group

-- måske kan du forklare virkningen af disse, ole ;O)

Som roenving skriver, skal 'none' udskiftes med 'block'.
De andre ting har blot noget med tabel-formatering at gøre. Det kommer ikke dette smør ved  :)

Roenving >> Læg lige et svar, så vi kan dele  ;o)
/mvh

>>ole

Hvadfor et smør kommer de så ved -- i min bog er de bare nævnt ...

;-)

takker begge to

Velbekomme -- og tak for points ;~}

roenving >> De forskellige table-elementer, du beskrev, er mest til for ikke-visuelle browsere og forskellige handicap-hjælpemidler. Prøv evt. at læse her:
  http://www.w3.org/TR/html401/struct/tables.html
/mvh