PDA

View Full Version : change cursor to hand over the table row



o0O0o.o0O0o
Jul 9th, 2009, 03:03 AM
I have table with some rows. These rows can be moved up and down by drag and drop.

Is there any way that i can chnage cursor to hand which mouse is moved over the table row. I dont have any hyperlink attached to table row

ckeyrouz
Jul 9th, 2009, 03:16 AM
you can have two rules in your css file

.trMouseOver
{
bla bla bla
cursor: hand
}

.trMouseOut
{
bla bla bla
cursor: normal
}

you need to attache a function as well to the row:
onmouseout="this.className='trMouseOut'"

onmouseover="this.className='trMouseOver'"

abduraooft
Jul 9th, 2009, 10:15 AM
well, the property value hand is not standard, you need to use

cursor:pointer;

o0O0o.o0O0o
Jul 9th, 2009, 11:40 AM
whats that cursor type where hand is closed like in Acrobat reader or photoshop where we pull the page down.

Apostropartheid
Jul 9th, 2009, 12:56 PM
The cursor property also takes a URI. You'll have to create a CUR file for it (good luck with that.)

VIPStephan
Jul 9th, 2009, 02:36 PM
whats that cursor type where hand is closed like in Acrobat reader or photoshop where we pull the page down.

Search for the word “grabbing” on this page: http://www.worldtimzone.com/mozilla/testcase/css3cursors.html