2010-01-06 7 views
2

pouvez-vous me dire où et comment mettre un ajx loading.gif? mon code html est inférieurajax 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

Pourquoi voudriez-vous mettre un partout? Vous n'avez montré aucun code ajax. S'il vous plaît élaborer sur votre question. –

+0

le code ajax est dans la bibliothèque js laissez-moi savoir plswhat vous devez voir et je vais vous montrer, le problèm est que le gars qui a fait les scripts pour moi placé cette \t

après le code que je vous ai montré dans la html, donc au lieu de le voir pendant le téléchargement je le vois seulement si l'ajax échoue ie safary – qaedus

Répondre

0

Avant votre requête AJAX commence, afficher le ajax_load.gif et après elle se termine, retirez-le.

Astuce: Assurez-vous que vous avez seulement 1 requête AJAX envoyé à votre serveur à un moment comme https://www.buxfer.com

+0

merci, je ne suis pas un programmeur alors pouvez-vous me dire comment le faire? – qaedus

0

construire dans la position que vous voulez avoir et donner display: none sur elle. Dans search() avant AJAX Call, éditez l'affichage: none pour bloquer et masquer l'image onSuccess de la fonction AJAX à nouveau.

+0

merci, je ne suis pas un programmeur alors pouvez-vous me dire comment le faire? – qaedus

0
  1. Vous devez placer le fichier gif à n'importe quel endroit approprié et régler "display: none;"
  2. Vous pouvez utiliser ma fonction basée sur jQuery. Il affiche ou masque automatiquement le spinner sur chaque appel ajax.
fonction

simpleAjax (PageUrl, divId, spinnerId, formId, isFormEnabled) {var dataVar = ''; var d = new Date(); if (isFormEnabled) dataVar = $ ('#' + ID_formulaire) .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(){} 
}); 

}