Comment déclencher un événement lorsqu'une iframe a fini de se charger en jQuery ?

Question

Je dois charger un PDF dans une page.

Idéalement, j'aimerais avoir un gif animé qui se charge et qui est remplacé une fois le PDF chargé.

Answer 1

Avez-vous essayé :

$("#iFrameId").on("load", function () {
    // do something once the iframe is loaded
});

Answer 2

Je suis presque certain que c'est impossible.

Presque tout ce qui n'est pas PDF fonctionne, même Flash. (Testé sur Safari, Firefox 3, IE 7)

Dommage.

Answer 3

J'essaie de le faire et cela semble fonctionner pour moi : http://jsfiddle.net/aamir/BXe8C/

Un fichier pdf plus grand : http://jsfiddle.net/aamir/BXe8C/1/

Answer 4

Cela a marché pour moi (pas de pdf, mais un autre " onload contenu "résistant") :

<iframe id="frameid" src="page.aspx"></iframe>
<script language="javascript">
    iframe = document.getElementById("frameid");

    WaitForIFrame();

    function WaitForIFrame() {
        if (iframe.readyState != "complete") {
            setTimeout("WaitForIFrame();", 200);
        } else {
            done();
        }
    }

    function done() {
        //some code after iframe has been loaded
    }
</script>  

J'espère que cela vous aidera.

Answer 5

$("#iFrameId").ready(function (){
    // do something once the iframe is loaded
});

Avez-vous essayé .ready à la place ?