Bernd: Tabelle mit 1 Butten ein-/ausblenden

Beitrag lesen

SELF-Forum

Tabelle mit 1 Butten ein-/ausblenden

Bernd
– Informationen zu den Bewertungsregeln

Hallo zusammen,
ich habe schon viel gegoogelt aber leider fand ich keine passende Hilfe für mein Problem..
Es geht um folgendes: Ich möchte eine Tabelle mit Javascript erstellen, welche ich dann mit einem Button entweder einblenden oder eben ausblenden kann. Nun habe ich lange versucht das Problem zu meistern, aber es will einfach nicht funktionieren.. So sieht der Quelltext aus:

<html>
<head>
  <title>Tabelle ein-/ausblenden</title>
  <script type="text/javascript">

function schreibeTabelle ()
  {
  document.write('<table border="1" id="Tabelle" style="display:none"><tr>');
  document.write('<td>Inhalt der Tabelle</td></tr>');
  document.write('</table>');
  }

function einaus ()
  {
  var = " ";
  if (document.getElementById('Tabelle').style.display = "block")
    Fall = "1";
  if (document.getElementById('Tabelle').style.display = "none")
    Fall = "2";

switch (Fall)
    {
    case "1":
      document.getElementById('Tabelle').style.display = "none";
      break;
    case "2":
      document.getElementById('Tabelle').style.display = "block";
      break;
    }
  }
  </script>
</head>

<body>
    <script type="text/javascript">
    schreibeTabelle();
    </script>

<form>
<input type="button" value="Tabelle ein-/ausblenden" onclick="javascript:einaus()">
</form>

</body>
</html>

Also: Die Tabelle ist zunächst ausgeblendet. Nach dem klicken auf dem Button wird die Tabelle sichtbar. Drück ich dann aber erneut den Button passiert nichts... Ich stehe vor einem Rätsel. Bin dankbar für jede Erklärung und Hilfe!

Beitrag melden
–
Informationen zu den Bewertungsregeln