In one of our ASP.NET projects at work, some of the controls caused a post back, but didn't actually change the page visibly. So, we wanted to show an hourglass cursor, like a normal Windows app does when it's busy, to show that the ASP app was actually doing some work, and that the user should wait till it was finished.
All you need to do is to write a function like this:
document.body.style.cursor = 'wait';
Quite simple, huh?
The next step is to get the web form to call that function when a post back occurs. Well, that is another very simple addition. This time, just add an event handler to your
body tag in your page.
<body onbeforeunload="doHourglass();" onunload="doHourglass();">
Points of Interest
The first question you're probably asking is, "Why is there both an
onbeforeunload and an
onunload event handler?" The reason for that is that if your app is being viewed in IE, it seems to prefer the
onbeforeunload, whereas other browsers seem to prefer the
You might also be asking why there is no code to set the cursor back. Well, mainly because there is no need for it. As far as the browser is concerned, this is a new page, so it sets the mouse cursor back to the default pointer.
10 September 2004 - First posting.