wait cursor over whole html page
is illusory set cursor 'wait' whole html page rudimentary way? thought arrangement user something going while an ajax being completed. formula next shows simplified chronicle i attempted also denote problems i run into:
- if an component (#id1) cursor impression set replace set physique (obviously)
- some elements have default cursor impression (a) arrangement wait cursor float
- the physique component certain tallness depending calm page short, cursor arrangement next footer
the test:
<html>
<head>
<style type="text/css">
#id1 {
background-color: #06f;
cursor: pointer;
}
#id2 {
background-color: #f60;
}
</style>
</head>
<body>
<div id="id1">cursor: pointer</div>
<div id="id2">no cursor</div>
<a href="#" onclick="document.body.style.cursor = 'wait'; relapse false">do something</a>
</body>
</html>
later edit...
it worked firefox ie with:
div#mask { display: none; cursor: wait; z-index: 9999;
position: absolute; top: 0; left: 0; height: 100%;
width: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity = 0);}
<a href="#" onclick="document.getelementbyid('mask').style.display = 'block'; relapse false">
do something</a>
the problem (or underline of) fortitude hinder clicks since overlapping div (thanks kibbee)
later after edit...
a easier fortitude dorward:
.wait, .wait * { cursor: wait !important; }
and following
<a href="#" onclick="document.body.classname = 'wait'; relapse false">do something</a>
this fortitude wholly shows wait cursor nonetheless allows clicks.
Comments
Post a Comment