toggling css classes

Posted: Wed Sep 24, 2003 5:40 am (20 years, 7 months ago)

Hi I'm Andi, I'm new here and definitely a newbie with Javascript, though I have done a few things with it on my site over the last 18 months. I don't really *want* to take the time learn js coding for the few times I need it. I have enough trouble keeping up with VB.

Not being a web designer I often am referring to books, sites, and source code files to effect the design I want for my one and only site.
Usually that works, but this one has me puzzled for now, I have spent some time copying things from the css Zen Garden site, but I'm obviously missing something.

Here's the question:

How can I place a link or button within a <TD> cell that toggles the class of that cell?

I want to toggle between this:

Code:

<TR><TD class="class1">

content

</TD></TR>

and this

Code:

<TR><TD class="class2">

content

</TD></TR>

I have found this script at dhtmlkitchen.com, which seems to be what I want, but but I don't know how to implement it with a button or link:

Code:

Any help would be appreciated. I am going to use this to toggle between columns and rows of text presentation, I have already worked out the css details on the two different classes for doing that, it is the toggling script itself that has me stumped.

Andi