¿Cómo puedo trabajar con jQuery e iframe
? Obtenga y pase var
de iframe
a body
y de body
a iframe
. Tengo el siguiente ejemplo. ¿Cómo puedo hacer clic en el botón en iframe
y hacer que tenga efecto en el #test
del body
? ¿Qué tal ready var x en iframe?
<body> var x = "whatever"; <div id"test"></div> <iframe width="200px" height="200px" src="page.html"></iframe> </body>
Dentro de page.html tengo
<button>clickme</button> <script> var elm = $('<span>content</span>'); elm.appendTo('#test') </script>
$("#myid", top.document);
o
$("#myid", parent.document.body);
Esto le dará acceso al contenedor del IFRAME
según: http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af
Desde la perspectiva de los padres:
var iFrameValue = $('#iframe').get(0).contentWindow.myLocalFunction();
O
var iFrameValue = $('#iframe').get(0).contentWindow.myLocalVariable;
Desde la perspectiva del iframe
<script type="text/javascript"> var myLocalVariable = "hello"; function myLocalFunction () { return "hello"; } </script>
Puede usar las propiedades contentWindow
y contentDocument
, si la misma política de origen no es un problema. He configurado una demostración . Ver código para la demostración y código para iframe .