Показать сообщение отдельно
  #7 (permalink)  
Старый 31.03.2014, 20:56
Аватар для Hapson
Кандидат Javascript-наук
Отправить личное сообщение для Hapson Посмотреть профиль Найти все сообщения от Hapson
 
Регистрация: 23.07.2013
Сообщений: 122

Сообщение от 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;

}());
Ответить с цитированием