J'ai une page qui quand un utilisateur clique sur "Terminé", plusieurs méthodes de service Web sont appelées en arrière-plan et quand tout s'est terminé avec succès la fenêtre est fermée. En ce moment j'utilise le plugin JQuery BlockUI pour afficher un message qui dit "Please wait ..." et ça marche super. Maintenant, je veux afficher un peu d'animation GIF dans ce message (un petit progrès spinner pour dire que la page est toujours en cours d'exécution). Les travaux suivants (sorte de):Afficher l'iframe dans le message jQuery BlockUI?
$.blockUI({ message: '<br /><img src="CPSupport/SiteArt/progress.gif" alt="" /><br /><h3>Please wait...</h3>' });
Le fichier .GIF est affiché mais ne s'anime pas car le formulaire est soumis immédiatement. Je sais que cela pourrait être résolu avec AJAX mais je lis aussi que mettre le GIF dans un iframe fonctionnerait aussi. L'idée d'iframe semblait moins de travail si je pouvais la faire fonctionner de la façon dont j'ai besoin. Voici ce que j'essaie maintenant:
$.blockUI({ message: '<br /> <iframe src="CPSupport/SiteArt/progress.gif" height="60px" width="60px" scrolling="no" frameborder="0" id="progressIframe" /><br /><h3>Please wait...</h3>' });
Cependant maintenant je ne vois pas du tout un GIF, ni l'iframe. Quelqu'un peut-il me dire ce que je fais mal ou si cela fonctionnerait même? J'ai juste besoin que le GIF s'anime dans le "message" BlockUI jusqu'à ce que la fenêtre se ferme.
Merci d'avance pour tous conseils/conseils! -Lloyd
Merci pour la réponse! Cela fonctionne quand je place juste l'iframe directement sur ma page (en spécifiant une nouvelle page de HTML avec le GIF dedans), mais quand je spencify l'iframe du message de BlockUI, je ne vois toujours rien. Je peux, cependant, voir la frontière de l'iframe, juste rien en elle. Même chose si je supprime le GIF du document HTML et que j'ajoute du texte. Je ne vois jamais le contenu de l'iframe. Des pensées? – lhan
@lhanneman: voir la réponse éditée –
Génial qui semble fonctionner. Merci! – lhan