<tr style="display:'none'"> ?

[epimeth]

is it possible to make rows appear and disappear using dhtml?

I'd like to make different rows from the database appear depending on which option is chosen in a select input, but without refreshing the page. I know that its possible to make divs dynamically appear and dissapear, but the tr doesn't seem to be working....

also, if thats possible, I'll need this...
my <tr>s are named parent1, parent2, ... how do I tell in javascript that I want to change parentx's properties?

[Weedpacket]

Yes. Assuming the browser in question does the right thing when adjusting the display style through Javascript, but that's unfortunately still a pretty big ask (Netscape 4 is just too antiquated to be tolerable). Haven't got any code on me right now, and I'd have to search around some sites that cover using Javascript to manipulate CSS to write any at the moment. The DOM interface is pretty useful; you can construct virtually an entire page and manipulate any part of it (style and content) element by elemnt using suitable function calls. Maybe I'll have something to say in a dozen hours or so, maybe not, but you'd probably have been able to crib something together by then yourself. In the meantime, here's a link that may be useful to you.

[epimeth]

Most of the links were reviews to some book, but it looks like this will help. Cheers!

and this is really for myself, not for anybody... and I really can't stand Netscape (although I do like Mozilla... maybe I should ask Freud about that one...) so I won't be using netscape 4, so that won't be a problem.

But still feel free to say anything you have to say once the dozen hours are up!

[epimeth]

wait... I tried a <tr style="display:'none'"> tag, and when the page loaded, the row appeared. how would I make the row not appear if I don't want it to????

[Weedpacket]

<tr style="display:none">

And to alter it programmatically, the easiest thing to do is give it an id attribute.

document.getElementById('[i]rowID[/i]').style.display="none";
document.getElementById('[i]rowID[/i]').style.display="visible";

[epimeth]

how about multiple <tr>s with the same id?

its not

trarray = document.getElementById(trid)
for (tr in trarray)
...

i tried that... got a whole list of things, not one of which was the second tr element with that id in the page... although trarray was the first of them.