Obtenir la hauteur de l'élément à l'intérieur de l'iframe avec jQuery

J'ai un fichier contenant un "iframe" élément

<iframe src="test.php" width="100%" id="frameDemo"></iframe>

et d'un fichier test.php contenant un div de l'inconnu de la hauteur.

<div>some content...</div>

Je voudrais créer un script Jquery pour obtenir la hauteur de la div à l'intérieur de l'iframe.
J'ai essayé ce qui suit, mais je reçois une réponse null.

$(document).ready(function() 
{
    var mydiv = $( "#frameDemo" ).contents().find("div");
    var h = mydiv.height();
    alert(h);
});

Quelqu'un peut-il m'aider? Merci à l'avance.

OriginalL'auteur Giorgio | 2013-12-10

  1. 10

    En supposant que l'iframe est sur le même domaine (sinon c'est pas possible), il faut attendre que l'iframe à charger en premier :

    $(document).ready(function() {
    $( "#frameDemo" ).on('load', function() { 
        var mydiv = $(this).contents().find("div");
        var h     = mydiv.height();
        alert(h);
    });
});
    Génial!! Elle fonctionne. Merci beaucoup, adeneo!
    Ne fonctionne pas dans mon cas, le fichier est sur le même domaine, mais je ne vois pas les éléments à l'intérieur de l'iframe 🙁

    OriginalL'auteur adeneo