¿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 .