3 svar · 285 visningar · startad av FishHead
Hej
I en redan uppritad <table> behöver jag gömma kolumner allt eftersom användare klickar i/ur respektive checkboxar.
Jag har letat runt lite på nätet men inte lyckats få det att funka.
Tacksam för hjälp
Torkel
det går.
du måste loopa igenom alla rader och sätta varje cells style.visibility=hidden och ha position=absolute.
<SCRIPT>
function hideshow(name)
{
var s;
s = document.getElementById(name).style;
s.display = (s.display=="") ? "none": "";
}
</SCRIPT>
<FORM name="toc">
<TABLE border="1" width="400" cellspacing="0">
<TR>
<TD> </TD><TD> ID# </TD><TD> NAMN </TD><TD> FÖRETAG </TD><TD> KATEGORI </TD><TD> PRIS </TD>
</TR>
<TR>
<TD><INPUT type="checkbox" onclick="hideshow('HideShow0')"></TD><TD> 001 </TD><TD> Shotgun-XL </TD><TD> C-Soft </TD><TD> OpenSource </TD><TD> 0.00 Sek </TD>
</TR>
<TR id="HideShow0"><TD colspan="6">
This is a detailed description of the program, etc. etc. etc.
</TD></TR>
<TR>
<TD><INPUT type="checkbox" onclick="hideshow('HideShow1')"></TD><TD> 002 </TD><TD> PedalMaker </TD><TD> C-Soft </TD><TD> OpenSource </TD><TD> 0.00 Sek </TD>
</TR>
<TR id="HideShow1"><TD colspan="6">
This is a detailed description of the program, etc. etc. etc.
</TD></TR>
</TABLE>
</FORM>
tack för hjälpen!