I’ve just found your blog and I’ve gotta say every post I’ve read is excellent. Well written, interesting, and unique. Subscribed!

What follows is not a slam against your article, rather a trip into the “obvious”…

For decades, in tools like Delphi, and for desktop applications, the developer had to do only this:

Screen.Cursor := crHourglass;
// Potentially long-running code here
Screen.Cursor := crDefault:

I would suggest that our web development tools, frameworks, whatever, should make it equally easy on the developer. This behavior is virtually an unstated requirement for all desktop apps, so why should web development make it any harder to achieve?

Yes, I understand there are complexities beyond desktop applications. I simply think those should be overcome in the implementation of the frameworks and languages we use for web development.

body.loading * { cursor: wait !important }

and then remove it when loading is done, but in IE and Chrome it does not change back until i move the mouse.

Anyone experiencing this problem, and maybe found a solution ?

Please see below small correction in EndRequest call. I was getting javascript exception related to index without if condition.

if (sender._postBackSettings.sourceElement.id.length > 0) {
$get(sender._postBackSettings.sourceElement.id).disabled = false;
}

Note, a good standard to use is a css global reset like this:

* { padding: 0; margin: 0; }

You can now have the body fill the screen with the following additional css:

body { width: 100%; height: 100%; }

The above replaces the css supplied by Dave and reduces the implemtation. Also, you dont need the container div. Make sure you use the change to the javascript by “Anonymous”

This worked with master pages too.

I discovered this when on a test page i did a:

body { style="border: 1px solid black;" }

… and found the body was only the height of my last element on the page.

thank you for a great solution Dave. I subscribe to your rss feed.

(hope the css i supplied posts)

any clues???

document.body.style.cursor = “wait”;

and

document.body.style.cursor = “default”;