Change pointer on mouse over table element

[Staggan]

Hello

 

I am trying to change my mouse pointer when it hovers over a table element

 

 

This is where I create my table elements:

 

$genTableArray[$rowIndex][] = "<td rowspan='{$rowspan}' onClick=LinkTo(this) >{$familyTreeArray[$personIndex]} $dob </td> \n";    }}

 

 

I tried this:

 

$genTableArray[$rowIndex][] = "<td rowspan='{$rowspan}' style="color:#2172A1" onMouseOver="this.style.color='white';this.style.backgroundColor='#2172A1'; this.style.cursor='hand';"  onClick=LinkTo(this) >{$familyTreeArray[$personIndex]} $dob </td> \n";    }}

 

But my editor throws a fit...

 

Any ideas?

 

 

 

[scootstah]

"hand" is not a cursor. You want pointer.

 

And you don't need Javascript for this, you can just do it with CSS.

 

td:hover { cursor:pointer; }

[ManiacDan]

cursor: hand;

That's how you defined a "hand" cursor in IE6 (and 7 under compatibility mode).  In the past I've found that this works:

cursor: pointer; cursor: hand;