Comment puis-je faire apparaître une icône de chargement avant qu’un iframe ne soit complètement chargé?

J’essaie de comprendre comment afficher une icône de chargement et passer à l’iFrame une fois qu’il est chargé. Y at-il une fonction comme onclick ou quelque chose?

Essentiellement, ce que j’essaie d’accomplir, c’est qu’un div dise “Chargement …” et qu’une fois l’iFrame chargé, la page affiche l’iframe. Comment cela peut-il être fait?

Vous pouvez définir le contenu du cadre initial comme un gif animé pour une icône de chargement, puis charger le document proprement dit, séparément, dans un appel AJAX. Lorsque l’appel distant est terminé, il remplace le contenu de l’élément DOM approprié (par exemple, document.body ) par la page extraite.

J’ai résolu ce problème en définissant un gif animé (à partir de Ajaxload ) sur l’image d’arrière-plan du conteneur iframe. La seule considération à prendre est que le corps de l’iframe doit définir une couleur d’arrière-plan.

Pendant le chargement de l’iframe, son arrière-plan doit être transparent et l’icône doit être visible.