11548 sujets

JavaScript, DOM et API Web HTML5

Jquery ajax : image loading ne s'affiche pas sous IE

Bonjour

Voici mon problème:
J'ai un tableau qio doit se recharger via ajax en utilisant jquery
voi ci mon code:

HTML

<div id="wait" style="display:none"><img src="images/loading.gif" /></div>
<span id="resultatsRechercheMission"></span>


JS qui se declenche sur le clique d'un bouton:

$("#resultatsRechercheMission").load("./ajax/ajaxRechercheMission.php", {txtclient : $("#txtclient").val(),
			lstclient : $("#lstclient").val(),
			txtconsultant : $("#txtconsultant").val(),
			lstconsultant : $("#lstconsultant").val(),
			lstsociete : $("#lstsociete").val(),
			lstcommercial : $("#lstcommercial").val(),
			date_debut : $("#datepicker_debut").val(),
			date_fin : $("#datepicker_fin").val() } );


Pour afficher une image du type 'loading' le temps que l'ajax renvoie la réponse:

$(document).ready(function(){
	$("#wait").ajaxStart(function(){
	$("#resultatsRechercheMission").html('');$(this).show();
}).ajaxStop(function() {
	$(this).hide();
});
});


tout s'affiche très bien avec Firefox 3.6;
alors que sous IE8, rien ne s'affiche pendant le chargement du bloc qui doit être rechargé par ajax

Une idée .

NOTE : j'ai essayé plusieurs techniques comme $.ajax au lieu de $.load, GET ou POST;
ce n'est pas un problème de rapidité d'exécution puisque la requête est assez grosse et il y a pas mal de données dans le responseText; l'ajax met pas mal de temps à renvoyer la réponse ce qui me laisse largement le temps de voir l'image de chargement sous FF.

Une idée ?
Bonjour,

J'ai moi aussi un souci avec Ajax et Firefox, si vous aviez des solutions:
J'ai un menu déroulant avec des options qui s'affiche en AJAX pas de souci sous IE et FF et j'ai un tableau lié à ce menu déroulant qui lui ne s'affiche pas sous FF j'ai regardé dans FIREBUG et le tableau y est mais pas visible il est quelque part dans la page alors que je lui ai bien précisé son parent. De plus l'entête du tableau se met au bon endroit et généré également en AJAX une solution??
joe_l'indien a écrit :
Bonjour

Voici mon problème:
J'ai un tableau qui doit se recharger via ajax en utilisant jquery
voici mon code:

HTML

&lt;div id=&quot;wait&quot; style=&quot;display:none&quot;&gt;&lt;img src=&quot;images/loading.gif&quot; /&gt;&lt;/div&gt;
&lt;span id=&quot;resultatsRechercheMission&quot;&gt;&lt;/span&gt;


JS qui se declenche sur le clique d'un bouton:

$(&quot;#resultatsRechercheMission&quot;).load(&quot;./ajax/ajaxRechercheMission.php&quot;, {txtclient : $(&quot;#txtclient&quot;).val(),
			lstclient : $(&quot;#lstclient&quot;).val(),
			txtconsultant : $(&quot;#txtconsultant&quot;).val(),
			lstconsultant : $(&quot;#lstconsultant&quot;).val(),
			lstsociete : $(&quot;#lstsociete&quot;).val(),
			lstcommercial : $(&quot;#lstcommercial&quot;).val(),
			date_debut : $(&quot;#datepicker_debut&quot;).val(),
			date_fin : $(&quot;#datepicker_fin&quot;).val() } );


Pour afficher une image du type 'loading' le temps que l'ajax renvoie la réponse:

$(document).ready(function(){
	$(&quot;#wait&quot;).ajaxStart(function(){
	$(&quot;#resultatsRechercheMission&quot;).html('');$(this).show();
}).ajaxStop(function() {
	$(this).hide();
});
});


tout s'affiche très bien avec Firefox 3.6;
alors que sous IE8, rien ne s'affiche pendant le chargement du bloc qui doit être rechargé par ajax

Une idée .

NOTE : j'ai essayé plusieurs techniques comme $.ajax au lieu de $.load, GET ou POST;
ce n'est pas un problème de rapidité d'exécution puisque la requête est assez grosse et il y a pas mal de données dans le responseText; l'ajax met pas mal de temps à renvoyer la réponse ce qui me laisse largement le temps de voir l'image de chargement sous FF.

Une idée ?
Sujet clos
Aller à