In Javascript you can create properties on the fly (at least in ie6
and firefox).

So instead of using title, use a custom property:

rowOnMouseOver="this.origClassName = this.className;
this.className='highlighted';"
rowOnMouseOut="if (this.origClassName) this.className = this.origClassName;"

-Andrew

On 7/24/06, rahmoune patrick <[EMAIL PROTECTED]> wrote:


Hi all,

I'm facing a problem with t:dataTable and highlighting

I have a t:dataTable with
rowClasses="standardTable_Row1,standardTable_Row2" and
would like to add highlighting
when the mouse goes over every row.

My first idea was to add some javascript on the onMouseOver/onMouseOut that
changes the css class.

The pb in that I'm unable to restaure the old css class.

Another bad idea was to find a place to store the old css class name

Something like

rowOnMouseOver="this.title = this.className; this.className='highlighted';"
rowOnMouseOut="this.className = this.title;"

It works but a tooltip is displayed with the css class name :-).

Does someone have this problem? Do I have to store this in something like a
hashmap index by the TR, or an array with index? How to generate the index?

Thank you for any help.

patrick

Reply via email to