Change cursor in function

[fknusername]

I have a function that loops through a lot rows in a table. This take an awful lot of time so I'd like to at least change the cursor to 'wait' at the start of the function and change it back to 'default' at the end.

My function is called in the OnMouseDown event.

 

[BillyRayPreachersSon]

Try:

document.getElementsByTagName('body')[0].style.cursor = 'wait';

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[adam0101]

Wrap it in a try..finally block so it changes back even if a JavaScript error is encountered.

function OnMouseDown(){
  try{
    document.body.style.cursor='wait';

    // Do your work here

  }
  finally {
    document.body.style.cursor='auto';
  }

}

Adam

http://adameslinger.blogspot.com/

 

[fknusername]

Thanks, but my problem is that it doesn't show the wait cursor. It I remove the <code>document.body.style.cursor='default'</code>
at the end, I get the wait cursor...

Some exemple code

<input type='submit' OnMouseDown="ShowWait(); DoFunction();"/>

function ShowWait(){
   document.body.style.cursor='wait';
}

function DoFunction {
    //long WHILE or FOR loop
    document.body.style.cursor='default';
}

 

[BillyRayPreachersSon]

my problem is that it doesn't show the wait cursor. It I remove the <code>document.body.style.cursor='default'</code>
at the end, I get the wait cursor...

Of course - you're telling the browser to show the wait cursor, and then immediately afterwards, you're telling it to show the default cursor, as you have no long delay at the moment.

Does it work if you have a long delay in place?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[fknusername]

As mentionned in the code segment, there's a very long loop, but I didn't put the code as it wouldn't be relevant. It takes up to 10 seconds to execute.

 

[adam0101]

Yep, looks like IE turns the pointer into a combination pointer/hourglass during long processes. You're probably not going to be able to override that. Could you just show an image of an hourglass on the page? Or maybe load the table in a hidden iframe, change the pointer of the parent page, and display the iframe when it's done? Or handle this on the server-side?

Adam

http://adameslinger.blogspot.com/