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..