I have an HTML table with a call to a javascript function in the header of the table (to sort the columns). Here is the syntax:

<td class="head" onClick="proc(myparameter);">Team Code</td>

This works fine but there is no indication to the user that the header region is 'active'. I don't really want to put standard hot-links in (i.e. underlined text) because that looks as if it would take you to another page (which is not the case).

I have googled on the command OnMouseOver and this seems to offer possibilities to call procedures or to activate GIF images but this is not really what I want to do.

I would like either the color of the cell (in the table) to change or maybe the mouse pointer to change to the 'hand'. This would be discreet and would be enough to indicate to the user that the region is 'active'.

Does anyone have any tips here? Maybe making use of the OnMouseOver syntax? Or anything else that comes to mind?

Regards,
Alan Searle.

not sure if this is the best way to do it but it should work:

<td id="someID" onMouseOver=""document.getElementById('someID').st yle.cursor='pointer';" class="head" onClick="proc(myparameter);">Team Code</td>