Hans: Tabellenspalte ausblenden

Beitrag lesen

Hallo Marc,

<HTML>
<BODY>
<TABLE>
<TR>
<TD ID="eins">
<TABLE BORDER=1>
<TR>
<TD>links</TD>
</TR>
</TABLE>
</TD>
<TD ID="zwei">
<TABLE BORDER=1>
<TR>
<TD>rechts</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<FORM>
<INPUT TYPE=BUTTON NAME="mach" VALUE="Klick" onClick="my_funktion()"></BUTTON>
</FORM>
<SCRIPT>
document.getElementById("zwei").style.visibility="hidden";
var status=0;
function my_funktion() {
   if (status==0) {
      document.getElementById("eins").style.visibility="hidden";
      document.getElementById("zwei").style.visibility="visible";
      status=1;
   }
   else {
      document.getElementById("eins").style.visibility="visible";
      document.getElementById("zwei").style.visibility="hidden";
      status=0;
   }
}
</SCRIPT>
</BODY>
</HTML>

Also, statt einer Tabelle, werden zwei Tabellen gemacht, die je aus einer Spalte bestehen. Diese beiden Spalten werden zu einer Tabelle wieder zusammengebaut.
Die zweite Spalte mit der ID eins wird zuerst unsichtbar gemacht. Sobald man den Knopf drückt, wird die sichtbare unsichtbar und die unsichtbare wieder sichtbar. Bei IE6.0 funktioniert es.

Gruß

Hans