2010-01-06 1 views
2

не могли бы вы сказать мне, где и как поставить ajx loading.gif? мой HTML код нижеajax gif loader

<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> 
+0

Почему вы поставите один где-нибудь? Вы не указали какой-либо код ajax. Пожалуйста, уточните свой вопрос. –

+0

на основе AJAX код находится в библиотеке Js, дайте мне знать plswhat вы должны видеть, и я покажу вам, что proble является то, что парень, который сделал сценарии для меня поместил этот \t

после кода я показал вам в html, так что вместо того, чтобы видеть его во время загрузки, я вижу его только в случае сбоя ajax, т. е. сафари – qaedus

ответ

0

Перед началом Вашего запроса AJAX, отображать ajax_load.gif и после его окончания, удалите его.

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

+0

спасибо, я не программист, поэтому вы можете рассказать мне, как это сделать? – qaedus

0

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

+0

спасибо, им не программист, поэтому вы можете рассказать мне, как это сделать? – qaedus

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

функция simpleAjax (PAGEURL, DIVID, spinnerId, FormID, isFormEnabled) { вар dataVar = ''; var d = new Date(); 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(){} 
}); 

}