hide cursor

alihussein3 · October 21st, 2003, 02:27 PM

hi all

can I hide and show the cursor in my web page using DHTML techniques ? I want to hide the cursor on some points and again show it again later

thanks

joefawcett · October 22nd, 2003, 03:12 AM

Yes, but with a big proviso. Firstly you can set the cursor using style:

Code:

document.body.style.cursor = "wait"; //Hourglass

This can be on virtually any element. The proviso is that it won't change unless the script finishes so you probably need to use setTimeout, let's say your user clicks a button that needs to call updateDatabase. Set your onclick to call an intermediary function called longProcess:

Code:

function setCursor(Cursor)
{
  document.body.style.cursor = Cursor;
}
function longProcess()
{
  setTimeout("setCursor'wait')", 100);
  setTimeout(updateDatabase, 500);  
}

You can set the cursor back at the end of updateDatabase.

See:

http://msdn.microsoft.com/library/de...de02262001.asp

--

Joe