How to do this in a data_table

Question

I have an existing HTML table that allows highlight of rows when mouse passes over the row. The code that uses javascript events like onmouseout and onmouseover looks like this:
<tr nowrap valign="top" onmouseover="mover(this, '#cccccc')" onmouseout="mout(this, '#ffffff')">
<td style="font-size: 81%;">FAQs from ABC</td>
</tr>
<tr nowrap valign="top" onmouseover="mover(this, '#cccccc')" onmouseout="mout(this, '#ffffff')">
<td style="font-size: 81%;">FAQs from DEF</td>
</tr>
I don't see any tags in data_table that would allow me to do this. Is it possible to achieve these effects? How?
Vinay

Answer 1

It would be possible to attach onmouseover events to each of the individual components inside the <h:column> tags ... that would attach the event handlers to the individual components, but would not work as expected if the user were able to move the mouse in between components on a particular row.
One strategy you might consider is to write your own Renderer for the UIData component. As it happens, the "Repeater" demonstration component that is shipped with the beta release provides the source code for a very basic Renderer for UIData. It would be very easy to start from this as a base and add a row-level onmouseover attribute that would be able to render the event handling code on the <tr> element.
Besides satisfying the requirements for your use case, it would be a fun way to learn the main APIs needed to support your own custom markup widgets in the future :-).
Craig McClanahan