Custom cursor using Javascript in Firefox

[KeredDrahcir]

I'm trying to use an onmouseover event to change the cursor to a custom .cur image.
onMouseOver="th is.style.cursor ='icons/cursor.cur';"
The above code works fine in IE but not in Firefox. It's important the users know where they can click.
Could anyone help please?

[gits]

you might use:

this.style.cursor = 'pointer';

kind regards

[drhowarddrfine]

Because IE does it wrong like everything else. It should be:
this.style.curs or = "url(icons/cursor.cur)";

And onmouseover should be lower case in xhtml, at least.

[KeredDrahcir]

Thanks for the reply drhowarddrfine but I did try that code before I came here. I've tried it again and it still doesn't seem to work. I see you've put double quotes around the path to find the cursor. Since onmouseover goes in quotes could that cause a problem?

[gits]

of course ... either use single quotes inside the doubles or escape the inside double quotes:

onmouseover="this.style.cursor=\"url(icons/cursor.cur)\";"
 

regards

[KeredDrahcir]

I've tried that and it still doesn't work.

[gits]

does it work with any other 'webaware' image like a gif or jpeg?

kind regards

[KeredDrahcir]

I'll try that. Can it be done in Firefox? JavaScript Kit say it's IE only although the page was talking about NS so it was proabaly quite old.

[gits]

never tried it ... but the following:

onmouseover="this.style.cursor='pointer';"

works

[KeredDrahcir]

I can get the cursor as a pointer but the image still doesn't work. I've tried it as a gif and all I get (as before) is the text cursor.
I've got the pointer working elshwere on the same page.