Change row font on click

Here is the code to develop my table:

<table>
  <thead>
  <tr>
    <th>Name</th>
    <th>Date</th>
    <th>Age</th>
    <th>Procedure</th>
  </tr>
  </thead>
  <tbody>
  <% reports.each do |report| %>
  <tr class="<%= cycle("even", "odd") %>">
    <td><%=h "#{report.last}, #{report.first}" %></td>
    <td><%=h report.date %></td>
    <% if !report.old? %>
      <td><%=h report.age %></td>
    <% else %>
      <td><b><%=h report.age %></b></td>
    <% end %>
    <td><%=h report.proc %></td>
  </tr>
  <% end %>
  </tbody>
</table>

It's really standard, nothing fancy.
I'd like to be able to click on a row and change the texts in all cells
to strike-through (and possibly, remove the strike-through when you
click again).

What should I look for online.. Or how do I do it?

Aldric Giacomoni wrote:>

It's really standard, nothing fancy.
I'd like to be able to click on a row and change the texts in all cells
to strike-through (and possibly, remove the strike-through when you
click again).

What should I look for online.. Or how do I do it?

Aldric,

take a look at prototype's Element.observe functionality, you can
register a handler to change an element's class when it is clicked..

Element.observe("id of element", "click" function(e) {
   e.addClassName("css_class_name_you_provided_for_strikethrough")
})

There is also removeClassName and toggle which you should look at for
the alternate case..