Download cvi_busy_lib.js and include it into your webpage.
<script type="text/javascript" src="cvi_busy_lib.js"></script>
ctrl = getBusyOverlay(parent[, overlay[, busy]]);
parent == element to add the overlay to or "viewport"
overlay e.g. {color: 'black', opacity: 0.5, ...}
color == STRING 'black' or '#000000' or 'rgb(0,0,0)' Default: 'white'
opacity == FLOAT 0.0 - 1.0 Default: 0
text == STRING e.g. 'loading' Default: ''
style == STRING e.g. 'color: black;' or 'my_text_class' Default: ''
busy e.g. {color: '#000', size: 32, ...}
color == STRING '#000000' or '#000' Default: '#000'
size == INT 16 - 512 Default: 32
type == STRING 'circle|oval|polygon|rectangle|tube' or 'c|o|p|r|t' Default: 'tube'
iradius == INT 6 - 254 Default: 8
weight == INT 1 - 254 Default: 3
count == INT 5 - 36 Default: 12
speed == INT 30 - 1000 Default: 96
minopac == FLOAT 0.0 - 0.5 Default: 0.25
ctrl.settext(STRING);
ctrl.remove();
if(typeof $=='undefined') {function $(v) {return(document.getElementById(v));}}
ctrl = getBusyOverlay("viewport");
ctrl = getBusyOverlay($('box'));
ctrl = getBusyOverlay($('box'), {opacity:0.5});
ctrl = getBusyOverlay($('box'), {}, {size:16});
ctrl = getBusyOverlay($('box'), {color:'blue', opacity:0.25}, {type:'oval'});
ctrl.settext('Ready...!');
ctrl.remove();
try {ctrl.remove(); delete ctrl;} catch(e) {}
if(typeof(ctrl)=='object') {ctrl.remove(); ctrl="";}
In older browsers, the script degrades to simple quadratic shapes.
Please read the license before you download busy.js 1.3
Please read the Frequently Asked Questions before you contact the author.
Version 1.3
Version 1.21
Version 1.2
Version 1.1
Version 1.0
Please leave any comments at this contact formular.
cvi_busy_lib.js is distributed under the Netzgestade Non-commercial Software License Agreement.
License permits free of charge use on non-commercial and private web sites only under special conditions (as described in the license).
This license equals neither "open source" nor "public domain".
There are also Commercial Software Licenses available.