Сообщение от nerv_
|
в большинстве CRUD приложений достаточно css-анимаций
|
Прикольно )))
У меня так получилось
$G.waitAnimated = (function(){
var waitAnimated = {},
work = true,
divID = "waiting_animated";
function start(){
if(!work){return;}
var WinH = document.documentElement.clientHeight;
var WinW = document.documentElement.clientWidth;
var div = document.createElement("DIV");
var img = document.createElement("IMG");
img.setAttribute("src", window.location.protocol +"//"+ window.location.hostname +"/media/global/images/wait_animated.gif");
div.appendChild(img);
div.style.position = "fixed";
div.style.top = (WinH / 2 - div.offsetHeight / 2) +"px";
div.style.left = (WinW / 2 - div.offsetWidth / 2) +"px";
div.style.zIndex = "1000000";
div.setAttribute("id", divID);
document.body.appendChild(div);
}
waitAnimated.set = function(delay){
typeof delay === "number" ? setTimeout(start, delay) : start();
},
waitAnimated.remove = function(){
work = false;
var image = document.getElementById(divID);
if(image !== null){document.body.removeChild(image);}
}
return waitAnimated;
}());