AJAX GIF Loader - PullRequest
Новая
       11

AJAX GIF Loader

2 голосов
/ 06 января 2010

подскажите где и как поставить ajx loading.gif? мой HTML-код ниже 

<div class="searchbox">

    <input  id="Search" onkeyup="searchKeyUp(event)
     " name="Search" class="searchtextbox"/>

</div>
</td>

 <td width="57"><br> <img onclick="search(); return false;" style=" cursor:pointer" eight="30" onmouseover="this.src='images/j3.jpg'" type="image" src="images/j1.jpg"    onmouseout="this.src='images/s1.jpg';" alt="" width="57" ></td>
 </tr>
 </table> 
 <div> 
 <table cellspacing="0" cellpadding="0" border="0">

  <tr valign="left">

 <td><div class="resultCss" content="tableId" id='resultDiv'>

 </div></td>
 </tr>

        </table>

Ответы [ 3 ]

0 голосов
/ 06 января 2010

встроить в позицию, которую вы хотите иметь и дать отображение: нет на нем. При поиске () перед вызовом AJAX отредактируйте экран: нет, чтобы заблокировать и скрыть изображение при успешном отключении функции AJAX.

0 голосов
/ 14 февраля 2011
  1. Вам нужно поместить файл gif в любое подходящее место и установить «display: none;»
  2. Вы можете использовать мою функцию на основе jQuery.Он автоматически показывает или скрывает счетчик при каждом вызове ajax.

функция simpleAjax (pageUrl, divId, spinnerId, formId, isFormEnabled) {var dataVar = '';var d = новая дата ();if (isFormEnabled) dataVar = $ ('#' + formId) .serialize (); 

$.ajax(
{
    type: 'GET',
    url: pageUrl,
    cache:false,
    data:dataVar,               
    success: function(response){ $('#'+divId).html(response); $('#'+spinnerId).hide(); },

    beforeSend: function(){ $('#'+spinnerId).show();},

    error: function(m){ alert(m); },

    complete: function(){}
});

}

0 голосов
/ 06 января 2010

Перед запуском AJAX-запроса отобразите ajax_load.gif и после его завершения удалите его.

Совет. Убедитесь, что на ваш сервер одновременно отправляется только 1 AJAX-запрос, например https://www.buxfer.com

...