Changing the mouse pointer.... -[RESOLVED]-

[Electroman]

I'm wanting to be able to chnage the mouse pointer to the hand icon when it hovers over a cell in a table. So far I have:

<td onMouseOver="this.style.cursor='hand';" .....

The thing is that this only works for IE, is there a way to do this in HTML/javascript properly? (i.e in FireFox too)

Thanx

[CornedBee]

The proper standard way is CSS:
cursor: pointer;

That doesn't work in IE5 though because, well, it's IE...
IE 5 only understands hand, all non-IE only pointer, IE 6 both. The proper way of doing it for all browsers (doesn't validate):
cursor: pointer;
cursor: hand;

Ok, the hard part is making this a dynamic change. Two ways: one is browser detection, the other is changing the td's className property to assign a CSS class.

[Electroman]

Thats fine thanx, working in IE6 & FF is good for me .