Pase las variables de jquery entre iframe y parent

¿Cómo puedo trabajar con jQuery y 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 hacerlo efectivo en el body#test. ¿Qué tal listo var x en iframe.Pase las variables de jquery entre iframe y parent

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

pagina.html Dentro tengo

<button>clickme</button> 
<script> 
var elm = $('<span>content</span>'); 
    elm.appendTo('#test') 
</script>

Fuente

2011-01-14 Hussein

Tenga en cuenta que la mayoría de los navegadores sólo permiten la manipulación del documento de nivel superior dentro de un iframe cuando ambos documentos son del mismo dominio exacto, según la misma política de origen. – tdammers

@tdammers: ese es un buen punto. – LiamB

Sí. Bétame una vez. Tenía este maravilloso script que ajustaría la altura de un iframe a su contenido, pero solo funcionó en el equipo de prueba, donde ambas páginas se publicaron desde localhost :-( – tdammers

$("#myid", top.document);

$("#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

Fuente

2011-01-14 08:23:03 LiamB

Intenté esto, pero no está funcionando. ¿Lo intentó localmente? – Hussein

Lo he usado en el pasado. ¿Puede actualizar su pregunta para incluir su nuevo código? – LiamB

Funcionó bien. Muchas gracias Pino :) –

Puede usar las propiedades contentWindow y contentDocument, si same origin poilicy no es un problema. Configuré un demo. Ver code for the demo y code for iframe.

Fuente

2011-04-07 09:37:53

de los padres perspectiva:

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

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

Desde la perspectiva iframe

<script type="text/javascript"> 

var myLocalVariable = "hello"; 

function myLocalFunction() { 
    return "hello"; 
} 

</script>

Fuente

2011-08-20 16:59:45 Spider

Pase las variables de jquery entre iframe y parent

Respuesta

Cuestiones relacionadas