changing the cursor?

I would like to change the cursor to a hand on the mouseover event.

<TD onmouseover="ChangeCursor(this)" > some stuff</td>

function ChangeCursor(thisObject){

thisObject.style.cursor="hand";

}

Is this NS capable also?

no. only IE recognises "hand"... use "pointer" instead.

As redhead said, "hand" is a proprietary cursor value MS threw in. "pointer" means the same thing, and is the correct one to use, so use that one instead. :)

Win/IE5 doesn't know what to do with cursor:pointer; it needs cursor:hand;
and Win/IE6 doesn't understand cursor:hand; and needs cursor:pointer;

td {
cursor:pointer;
cursor:hand;
}

I added the "cursor:pointer" to my MenuItem style in my style sheet but I still only get the I beam. The style sheet is being applied because other items are ahowing up.

What is the proper syntax for putting it in the tag itself?

<TD cursor="pointer">Something</TD> doesn't do anything and neither does

<TD cursor:pointer; class="MenuItem">Something</TD>

my tag is currently like this

<TD class="MenuItem" >Something </TD>

my style def is this;

.MenuItem{
height:20px;
margin-top:0px;
margin-left:0px;
padding-top: 0;
font-size:6;
background-Color: #501efe;
cursor:pointer;
cursor:hand;
}
Thanks for the help.

NEVER MIND!!!! I was having a moment of stupidity. It turns out I had definitions in two places and the one being edited was not the one being used. DUH??? :o

My cursor change works fine!

Thanks for your help.


Scott