1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

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

Тема в разделе "Web Coding", создана пользователем finogeev, 19 июл 2007.

Статус темы:
Закрыта.
Модераторы: latteo
  1. finogeev

    finogeev Прохожие

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

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

    mixamixa Постоялец

    Регистр.:
    9 янв 2007
    Сообщения:
    61
    Симпатии:
    13
    Простейший Ajax Javascript код
    Обратить внимание на
    //ТУТ ВСТАВИТЬ КАРТИНКУ ЛОАДЕРА!!!!!!! ;)
    вызывается LoadHTML(url,div)
    url - что , div - id куда грузить
    PHP:
    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"urltrue);
        
    request.send("");          
    }

     
    YouRock нравится это.
  3. Jameson

    Jameson Читатель

    Заблокирован
    Регистр.:
    25 июн 2007
    Сообщения:
    406
    Симпатии:
    92
    временную полосу загрузки резельтатов
    Типа прогресс-бар?

    Можно позаимствовать идею у Syper SiteDumper
    Там тоже когда база сгружается в бэкап, много времени проходит и скрипт показывает красивые прогрессбары в процессе сброса (текущая таблица и вся база)
    [​IMG]
    Делается это так: по мере сброса данных скрипт печатает эхом команды типа "<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';
    }
    
    на лету изменяют ширину ячейки в таблице.
     
  4. spacer123

    spacer123 Постоялец

    Регистр.:
    8 дек 2006
    Сообщения:
    74
    Симпатии:
    9
    Запрос в гугл: progressive bar javascript. Думаю вариантов хватит =)
     
  5. finogeev

    finogeev Прохожие

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

    axelerator Прохожие

    Перейти по ссылке
    [​IMG]
    Лучшее из того что встречал.
    Описание.
     
Статус темы:
Закрыта.