Click to See Complete Forum and Search --> : cursor change while page loads


Webskater
07-01-2004, 09:28 AM
Can anyone tell me how to change the cursor to the hourglass after a hyperlink has been clicked so it stays that way until the next page loads?
Thanks for any help.

Pittimann
07-01-2004, 09:56 AM
Hi!

Example:
<a href="http://www.mySite.com" onclick="document.body.style.cursor='wait'">click</a>

Cheers - Pit

JayDie
07-01-2004, 10:04 AM
Check the MSDN Library (http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/cursor.asp)

Webskater
07-01-2004, 05:57 PM
Thanks Pit for your answer and to Jaydie for posting the link to the appropriate page in the MSDN Library. I did look there first before posting my question but could not work out how to set the cursor in javascript as opposed to setting a style="cursor:hand" type of thing. Never completely sure what the difference is - for example there seems to be n ways of setting the background colour of various elements. A little knowledge is a dangerous thing!

JayDie
07-02-2004, 05:08 AM
Originally posted by Webskater
...but could not work out how to set the cursor in javascript as opposed to setting a style="cursor:hand" type of thing. Never completely sure what the difference is - for example there seems to be n ways of setting the background colour of various elements...

You use the way: 'style="cursor: hand"' in a HTML element and if you want to change the style with javascript, you have to use: 'object.style.cursor = "hand"'...

Pittimann
07-02-2004, 05:14 AM
Hi!

"hand" is IE only. Better to use "pointer", which works in IE and Mozilla.

Regards - Pit