Ein- und Ausblenden ganz einfach

[Friedrich]

Hallo!

Bisher hab ich mich noch nicht mit DHTML beschäftigt. Bevor ich mich hineinstürzt wollt ich fragen, ob wer einen ganz kleinen Code kennt, welcher Tabellen ein und ausblenden lässt?

Wenn also auf "Tabelle ein-/ausblenden" geklickt wird, soll, je nachdem, die Tabelle erscheinen bzw. verschwinden. Mittels CSS kann ich ja sagen, dass "tabelle" versteckt sein soll. Und wie wirds gemacht, dass es dann auch wieder erscheint?

<a href="">Tabelle ein-/ausblenden</a>

<table class="tabelle">
<tr>
<td>Hallo!</td>
</tr>
</table>

Friedrich

 

[Irene]

Mit Javascript die CSS-Eigenschaft ändern. Beispiel:

<script language="javascript">
function changeDisplay(ctrl){
if (ctrl.style.display=="none&quot{
ctrl.style.display="block";
}
else{
ctrl.style.display="none";
}
}
</script>

<a href="" onClick="changeDisplay(document.getElementById('tbl&#39);return false;">Tabelle ein-/ausblenden</a><br><br>

<table style="display:block" id="tbl">
<tr>
<td>Hallo!</td>
</tr>
</table>

Griessli
Irene

 

[chrisdo]

Könnte man das auch mit PHP realisieren, oder nur mit Javascript?

 

[Friedrich]

Danke!

Mit PHP geht sowas nicht, da müsste er die gesamte Seite neu laden, wobei dann natürlich eine Var übergeben werden müsste, in der steht, ob das Menü bereits geöffnet oder noch geschlossen ist.