Tabellenzeile ein-/ausblenden

[Patrick Klein]

Hallo Forum,

ich bin auf der Suche nach einem Javascript, mit welchem ich eine Tabellenzeile (für Hilfefunktion) ein und ausblenden kann.
Ich hab mal gesucht und das hier gefunden:

<script type="text/javascript">

function showhide()
 {
 o = document.getElementById("foo").style;
 o.display = (o.display!="none")? "none":"table-row";
 }
</script>

<a href="javascript:showhide()">test</a>

<table>
<tr>
 <td>a</td>
 <td>1</td>
</tr>
<tr id="foo">
 <td>b</td>
 <td>2</td>
</tr>
<tr>
 <td>c</td>
 <td>3</td>
</tr>
</table>

Soweit, so gut.
Mein Problem ist aber, dass ich bei Aufruf der Seite die Zeile schon angezeigt bekomme.
Ich möchte diese jedoch nur auf Klick anzeigen.
Wie kann ich das lösen?

Vielen Dank
Patrick

[daniel84]

Hallo,

<tr id="foo" style="display:none;">

Gruss,
Daniel

[Cybaer]

Hi,

o = document.getElementById("foo").style;
 o.display = (o.display!="none")? "none":"table-row";

Das klappt nicht auf dem IE, da er table-row nicht kennt.

Eine fertige Routine:
http://Coding.vampirehost.de/Toggle

Mein Problem ist aber, dass ich bei Aufruf der Seite die Zeile schon angezeigt bekomme.

Verstecke die Zeile mit JavaScript gleich nachdem die Tabelle zuende ist (also nach </table>).

Du könntest auch mit CSS verstecken, hättest dann aber einige Nachteile ("table-row" müßte für den IE ersetzt werden, und Surfer ohne JavaScript sähen die Zeile nie :-().

Gruß, Cybaer

[Patrick Klein]

Hi,

Danke euch beiden!!

Bye
Patrick