Tabelle minimieren

Hallo,

habe auf einer Seite eine Tabelle, die ich per Buttonclick so minimieren
möchte, dass nur noch die Überschriftenzeile zu sehen ist.

<table id="ganzetabelle"><tr><td>
<table id="tabellenueberschrift"><tr>
<td>Formulare</td>
<td align=right><span onclick="resize()">minimieren</span></td></tr>
</table>
</td></tr>
<tr><td>.......

Wenn man nun auf minimieren sprich resize() klickt führe ich folgenden
Code (vereinfacht) aus:

function resize(){
document.getElementById("ganzetabelle").style.visi bility = "hidden";
document.getElementById("tabellenueberschrift").st yle.visibility =
"visible";
}

klappt soweit perfekt. Nur bleibt jetzt der Bereich, den die
"ganzetabelle" vorher eingenommen hat, weiß, also die Elemente darunter
schieben sich nicht nach oben. Also habe ich gedacht, ich mache die
ganzetabelle mit

document.getElementById("ganzetabelle").style.posi tion = "absolute";

absolut. Nun schieben sich die Elemente darunter auch nach oben. Nur
leider soweit, dass die "tabellenueberschrift" fast nicht mehr zu sehen
ist. Ich vermute einmal, dass diese, weil sie ja in der "ganzentabelle"
drin ist auch auf position:absolute gesetzt wird. Ein

document.getElementById("tabellenueberschrift").st yle.position = "relative";

bringt auch nichts.

Wie kann ich die ganzetabelle so verschwinden lassen, dass sich alle
darunter liegenden Objekte soweit nach oben verschieben, dass die
tabellenueberschrift noch erkannt und voll sichtbar ist?

Danke für alle Antworten.

Thomas Weiler schrieb:

Wie kann ich die ganzetabelle so verschwinden lassen, dass sich alle
darunter liegenden Objekte soweit nach oben verschieben, dass die
tabellenueberschrift noch erkannt und voll sichtbar ist?

display='none' statt visibility='hidden'

Peter

Thomas Weiler schrieb:

habe auf einer Seite eine Tabelle, die ich per Buttonclick so minimieren
möchte, dass nur noch die Überschriftenzeile zu sehen ist.

Baue die Tabelle mit thead und tbody auf und weise tbody den Style
"display:none;" zu.

--
Wolfgang Fellger

Thomas Weiler wrote:

Wie kann ich die ganzetabelle so verschwinden lassen, dass sich alle
darunter liegenden Objekte soweit nach oben verschieben, dass die
tabellenueberschrift noch erkannt und voll sichtbar ist?

Benutze Tabellensektionen, eine Tabelle kann ein thead-Element und
mehrere tbody-Elemente enthalten; dann kannst du z.b. ein tbody-Element
per style.display = 'none' verstecken:

<table id="tableId">
<thead>
<tr>
<td>whatever</td>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
</tr>
...
</tbody>
</table>

Zum Verstecken:
var table = document.getElementById('tableId');
if (table != null) {
var tbody = table.tBodies[0];
tbody.style.display = 'none';
}
Zum Zeigen:
var table = document.getElementById('tableId');
if (table != null) {
var tbody = table.tBodies[0];
tbody.style.display = '';
}

Beachte auch, dass eine Tabellenueberschrift/Titel mit dem caption-Element
<http://www.w3.org/TR/html4/struct/tables.html#h-11.2.2> ausgezeichnet
werden soll.

--

Martin Honnen
http://JavaScript.FAQTs.com/