Passer de jquery variables entre iframe et parent

Comment puis-je travailler avec jQuery et iframe. Obtenir et passer var de iframe à body et de body à iframe. J'ai l'exemple suivant. Comment puis-je cliquez sur le bouton dans iframe et lui faire prendre effet sur le body #test. Que diriez-prêt var x dans un iframe. 

<body>
var x = "whatever";
<div id"test"></div>
<iframe width="200px" height="200px" src="page.html"></iframe>
</body>

À l'intérieur page.html j'ai 

<button>clickme</button>
<script>
var elm = $('<span>content</span>');
    elm.appendTo('#test')
</script>
  • Notez que la plupart des navigateurs vous permettent seulement de la manipulation du document d'origine dans un iframe lorsque les deux documents sont issus du même domaine exact, selon la Même Origine.
  • C'est un bon point.
  • Oui. Peu à moi. J'ai eu ce merveilleux script qui permettrait de régler la hauteur de l'iframe à son contenu, mais il n'a travaillé que sur le banc d'essai, où les deux pages ont été servis à partir de localhost 🙁
  • quelqu'un peut me dire comment passer de la valeur dynamiquement de la src ?
InformationsquelleAutor Hussein | 2011-01-14
  1. 34
    $("#myid", top.document);

    ou 

    $("#myid", parent.document.body);

    Cela vous donnera accès au conteneur de l'IFRAME

    par : http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af

    • Ive utilisé dans le passé. Pouvez-vous mettre à jour votre question d'inclure votre nouveau code alors?
    • Notez que les images doivent être de la même origine pour que cela fonctionne. en.wikipedia.org/wiki/Same_origin_policy
    InformationsquelleAutor LiamB
  2. 14

    À partir du point de vue des parents:

    var iFrameValue = $('#iframe').get(0).contentWindow.myLocalFunction();

    OU

    var iFrameValue = $('#iframe').get(0).contentWindow.myLocalVariable;

    De l'iframe point de vue

    <script type="text/javascript">

var myLocalVariable = "hello";

function myLocalFunction () {
    return "hello";
}

</script>
    InformationsquelleAutor Spider
  3. 2

    Vous pouvez utiliser contentWindow et contentDocument propriétés, si même origine poilicy n'est pas un problème. J'ai configuré un démo. Vue code pour la démo et code iframe.

    InformationsquelleAutor Salman A