Полоса загрузки (выполнения) результатов

[finogeev]

Ни кто случайно не пробывал делать временную полосу загрузки резельтатов.

В данном случае хочу сделать для вывода данных из mysql.
Страница генерируется довольно долго.
Вот и хочу сделать типа прелоуда

 

[mixamixa]

Простейший Ajax Javascript код
Обратить внимание на
//ТУТ ВСТАВИТЬ КАРТИНКУ ЛОАДЕРА!!!!!!!
вызывается LoadHTML(url,div)
url - что , div - id куда грузить

function createRequestObject() 
{
var xmlhttp;
xmlhttp = false;
// native XMLHttpRequest object like firefox and safari
if(window.XMLHttpRequest)
{
	try
	{
		xmlhttp = new XMLHttpRequest();
	}
	catch(e)
	{
		xmlhttp = false;
	}
// IE/Windows ActiveX version (why do people still use this browser?)
}
else if(window.ActiveXObject)
{
	try
	{
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(e)
		{
			xmlhttp = false;
		}
	}
}
if(!xmlhttp)
	alert("Error loading XMLHTTP object");
	return xmlhttp;
}

function LoadHTML(url,div)
{
 	var dest;
  	var contentDiv;
           var request;
  	request=createRequestObject();
           dest=div;
  	if(!request) return false;
  	request.onreadystatechange= 
  	function() 
  		{ 
    	contentDiv = document.getElementById(dest);
           //ТУТ ВСТАВИТЬ КАРТИНКУ ЛОАДЕРА!!!!!!!
           //ТУТ ВСТАВИТЬ КАРТИНКУ ЛОАДЕРА!!!!!!!
    	contentDiv.innerHTML="<img src='1-1.gif'>";
    	if (request.readyState == 4){
      	     contentDiv = document.getElementById(dest);
	        if (request.status == 200){	        	
    	        response = request.responseText;
	            contentDiv.innerHTML = response;
        	} else {
        	    contentDiv.innerHTML = "Error: Status "+request.status;
    	    }
	    }
        
  		};
	request.open("POST", url, true);
	request.send("");  		
}

 

[Jameson]

временную полосу загрузки резельтатов
Типа прогресс-бар?

Можно позаимствовать идею у Syper SiteDumper
Там тоже когда база сгружается в бэкап, много времени проходит и скрипт показывает красивые прогрессбары в процессе сброса (текущая таблица и вся база)

Делается это так: по мере сброса данных скрипт печатает эхом команды типа "<SCRIPT>s(17,48);</SCRIPT>"

которые при помощи js-функции, объявленной в странице заранее

function s(st, so){
        document.getElementById('st_tab').width = st ? st + '%' : '1';
        document.getElementById('so_tab').width = so ? so + '%' : '1';
}

на лету изменяют ширину ячейки в таблице.

 

[spacer123]

Запрос в гугл: progressive bar javascript. Думаю вариантов хватит =)

 

[finogeev]

Всем большое спасибо !!!
Кто помог всех отблагодорил

 

[axelerator]

Для просмотра ссылки Войди или Зарегистрируйся

Лучшее из того что встречал.
Описание.

Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. A simple Javascript+CSS based Percentage Bar / Progress Bar.