This test shows a full screen test of the Ajax waiter. To use full screen simply provide the targetId of body or do not provide a targetId and the waiter will take the full screen.
| Show wait dialog |
<a href="javascript:timedWaiter()">Show wait dialog</a>
<script>
function countDown(count) {
window.waiter.setMessage({ targetId : 'body',
message : 'Complete in ' + count + ' seconds.'});
if (count >= 0) {
count--
setTimeout(function() {
countDown(count)
}, (count * 1000));
} else {
window.waiter.hide({ targetId : 'body'});
}
}
function timedWaiter() {
window.waiter.show({ speed: 1,
delay : 40,
targetId : 'body',
textColor : '#FFF',
background: 'pink',
opacity : 85,
message : 'Please wait'});
countDown(3);
}
</script>
|