javascript - ejemplo - iframe src jquery

¿Cómo acceder a la página principal de iFrame usando jquery?

Question

Tengo un iframe y para acceder al elemento padre implementé el siguiente código:

window.parent.document.getElementById(''parentPrice'').innerHTML

¿Cómo obtener el mismo resultado usando jquery?
ACTUALIZACIÓN : ¿O cómo acceder a la página principal de iFrame usando jquery?

Answer 1

Cómo acceder a la página principal de iFrame usando jquery

window.parent.document.

jQuery es una biblioteca sobre JavaScript, no un reemplazo completo para ella. No tienes que reemplazar cada última expresión de JavaScript con algo que incluya $.

Answer 2

Está funcionando para mí con un pequeño giro. En mi caso, tengo que llenar el valor de POPUP JS al formulario PARENT WINDOW.

Así que he usado $(''#ee_id'',window.opener.document).val(eeID);

¡¡¡Excelente!!!

Answer 3

Hay múltiples formas de hacer esto.

I) Obtener el padre principal directamente.

para exa. Quiero reemplazar mi página secundaria a iframe entonces

var link = ''<%=Page.ResolveUrl("~/Home/SubscribeReport")%>'';
top.location.replace(link);

Aquí top.location obtiene padre directamente.

II) obtener los padres uno por uno,

var element = $(''.iframe:visible'', window.parent.document);

Aquí si tiene más de un iframe, especifique uno activo o visible.

También puedes hacer esto para obtener más padres,

var masterParent = element.parent().parent().parent()

III) obtener padre por identificador.

var myWindow = window.top.$("#Identifier")

Answer 4

Para buscar en el padre del uso de iFrame:

$(''#parentPrice'', window.parent.document).html();

El segundo parámetro para el envoltorio $ () es el contexto en el que se busca. Esto por defecto para documentar.

Answer 5

Puede acceder a los elementos de la ventana principal desde un iframe usando window.parent como este:

// using jquery    
window.parent.$("#element_id");

Que es lo mismo que:

// pure javascript
window.parent.document.getElementById("element_id");

Y si tiene más de un iframes anidados y desea acceder al iframe superior, entonces puede usar window.top esta manera:

// using jquery
window.top.$("#element_id");

Que es lo mismo que:

// pure javascript
window.top.document.getElementById("element_id");

Answer 6

Puede que sea un poco tarde para el juego aquí, pero acabo de descubrir este fantástico complemento jQuery https://github.com/mkdynamic/jquery-popupwindow . Básicamente utiliza un evento de devolución de llamada onUnload, por lo que básicamente escucha el cierre de la ventana secundaria y realizará cualquier cosa necesaria en ese momento. Por lo tanto, realmente no hay necesidad de escribir ningún JS en la ventana secundaria para volver al padre.

Answer 7

Sí, a mí también me funciona.

Nota: necesitamos usar window.parent.document

    $("button", window.parent.document).click(function()
    {
        alert("Functionality defined by def");
    });

Answer 8

Si necesita encontrar la instancia de jQuery en el documento principal (por ejemplo, para llamar a una función de utilidad proporcionada por un complemento) use una de estas sintaxis:

• window.parent.$
• window.parent.jQuery

Ejemplo:

window.parent.$.modal.close();

jQuery se adjunta al objeto de la window y eso es lo que es window.parent .

Answer 9

en la ventana padre poner:

<script>
function ifDoneChildFrame(val)
{
   $(''#parentPrice'').html(val);
}
</script>

y en iframe src file put:

<script>window.parent.ifDoneChildFrame(''Your value here'');</script>