hiding table rows with javascript and css

[Andy Fish]

Hi,

I am trying to show/hide a group of table rows using javascript and CSS. if
I group them in a <tbody> element I can do:

my_tbody_elemen t.style.display ="none";

to hide them and

my_tbody_elemen t.style.display ="block";

to show them. This works in IE but doesn't work in css-compliant browsers,
because these use "table-row-group" instead (which IE doesn't support). I
have tried setting the style to "" or "default" but this doesn't work
either.

is there a simple cross-browser solution to this, or do I have to detect
which browser is in use?

TIA

Andy

[phil_gg04]

I do this sort of thing:

stylesheet:
..hidden {
display: none;
}

script:
my_tbody_elemen t.className="hi dden";
my_tbody_elemen t.className="";
I believe this is cross-browser. It is slightly more complicated if
there are other classes present. In this case I have these functions
to add and remove classes:

function add_class(e,c) {
e.className=e.c lassName+" "+c;
}

function remove_class(e, c) {
cn=e.className;
p=cn.indexOf(c) ;
e.className=cn. substr(0,p)+cn. substr(p+c.leng th);
}
--Phil.

[Christoph Paeper]

*Andy Fish* <aj****@blueyon der.co.uk>:

I am trying to show/hide a group of table rows using javascript and CSS.
The correct CSS way would be "visibility : collapse":
<http://www.w3.org/TR/CSS2/tables.html#dyn amic-effects>. I've never tried
that and doubt it's well supported, though.
my_tbody_elemen t.style.display ="none";
my_tbody_elemen t.style.display ="block";
IMO the best way of the JS part is a dynamically assigned class, not
'.style'. That's true for almost any JS-CSS interaction, a.k.a. "DHTML".
See <http://webdesign.criss ov.de/Scripting/modifyClass.js> for some basic
functions/methods for that.
This works in IE but doesn't work in css-compliant browsers, because
these use "table-row-group" instead

tbody.show {display: block; display: table-row-group;}
tbody.hide {display: none;}

Switch¹ between those classes (if the aforementioned method indeed does
not work). It /should/ work and is at least better than JS browser filters.

--
"Music is essentially useless, as life is."
George Santayana