Comment afficher un gif de chargement moyen tandis que soumettre le formulaire est en cours d'exécution JQuery
J'essaie de montrer un simple spinner gif en attendant un envoyer est en cours d'exécution (il faut un peu parce que j'ai à établir des communications avec les fournisseurs via des services web).
Donc, j'ai ceci:
$('#gds_form').submit(function() {
var pass = true;
//some validations
if(pass == false){
return false;
}
$("body").prepend('<div class="ui-widget-overlay" style="z-index: 1001;"></div>');
$("body").prepend("<div id ='PleaseWait'><img src='/images/spinner.gif'/></div>");
return true;
});
le truc, c'est que l' .gif ne présente pas de l'animation, il est comme il est gelé.
Pourquoi?
Il y a une autre façon de mettre en œuvre cette (notez que je ne suis pas en utilisant AJAX et je ne veux pas)?
Merci.
je suppose que vous utilisez un gif animé et qu'il anime si vous le montrer "normalement"
Si le
Le gif est gelé cause IE6, IE7 et IE 8 sont buggy. Ne sais pas sur IE9 encore, mais je sais pour sûr que sur tous les autres navigateurs le gif ne PAS congeler. Lire ce réponse correcte et de possibile solutions de contournement.
Le gif se fige sur mon Ubuntu/Firefox mais pas sur mon Ubuntu/Chrome
Si le
gif
est gelé, ce qui n'a rien à voir avec JavaScript/jQuery.Le gif est gelé cause IE6, IE7 et IE 8 sont buggy. Ne sais pas sur IE9 encore, mais je sais pour sûr que sur tous les autres navigateurs le gif ne PAS congeler. Lire ce réponse correcte et de possibile solutions de contournement.
Le gif se fige sur mon Ubuntu/Firefox mais pas sur mon Ubuntu/Chrome
OriginalL'auteur content01 | 2011-11-15
Vous devez vous connecter pour publier un commentaire.
Avez-vous essayé de chargement de l'image sur le document prêt, seulement de l'avoir caché. Puis l'afficher dans votre fonction? De cette façon, l'image est déjà chargé et la filature.
Cela ne fonctionne pas avec mon Ubuntu/Firefox (le gif animation se fige)
OriginalL'auteur Challe
À l'aide de jQuery
submit
fonction, vous pouvez spécifier un temps de chargement de l'image comme ceci:OriginalL'auteur James Johnson
Le vrai problème avec votre application est comment le côté client de savoir quand votre demande est terminée. Une des raisons de l'Ajax est utile parce que nous avons une notion d'états et, par conséquent, nous pouvons afficher un loader alors que le client est en attente d'une réponse et retirez le chargeur lorsque le client reçoit une réponse.
Comment allez-vous déterminer quand la communication avec le service web est terminé? Vous dites que vous ne voulez pas utiliser Ajax, mais si vous allez vouloir l'interrogation d'un service pour déterminer si votre communication est terminée, vous êtes probablement de voir quelque chose qui nécessitera de l'Ajax.
OriginalL'auteur Jose Vega
Utilisation .show() et .hide() pour activer /désactiver l'animation de chargement pendant qu'il envoie?
OriginalL'auteur Hazza
Je la div sur la page pour commencer avec, mais avec
style='display:none'
puis coller un$('#PleaseWait').show()
dans votre code lorsque vous souhaitez qu'il apparaisse.Si vous laissez le
display:none
off vous pouvez modifier voir à quoi il ressemble sans avoir besoin de soumettre le formulaire, encore et encore.NB: vous pouvez encapsuler la superposition et la
gif
dans un div parent pour des raisons de commodité.OriginalL'auteur Ben