HTML5 Cambiar el tamaño del iframe del documento de nivel superior desde dentro de un iframe anidado
El problema puede parecer difícil de entender, así que lo ilustraré lo mejor que pueda.
Digamos que tengo el siguiente cuerpo index.html:
<iframe name="parent"></iframe>
Y dentro de laparent
Iframe, cargo el siguiente cuerpo de la página:
<iframe name="nested-navigation"></iframe>
<iframe name="nested-parent"></iframe>
Y dentronested-parent
Iframe, cargo otra página. Dentro de esta otra página, necesito acceder de alguna manera a los documentos de nivel superior (index.html)parent
iframe, para que pueda cambiar el tamaño de la altura de su contenido utilizando elnested-parent
Tamaño del contenido de iframe.
Yo redimensiono correctamente el index.html'sparent
iframes height utilizando los contenidos cargados del cuerpo de las páginas anidadas. Sin embargo, en la próxima anidación, soy incapaz de alcanzar elindex.html
contexto del documento, y por lo tanto no puedo obtener elparent
Elemento iframe.
Necesito ayuda para averiguar cómo llegar a index.html'sparent
iframe ¿Cómo haría esto?
La página está en línea y los efectos se pueden ver aquí:
www.ngeneersinc.com
Si hace clic en elProjects
enlace de navegación, cargará correctamente la página y cambiará el tamaño deparent
iframe Lamentablemente, al hacer clic en laNgen
enlace de navegación dentro de esta página anidada, el iframe de nivel superior (index.html)parent
) no se redimensiona y el contenido se corta a la altura establecida en la página anterior.
EDITAR:
Esencialmente, estoy tratando de hacer lo siguiente en mi función javascript:
var e = document.getElementById("nested-parent").contentWindow; // which is OK
var x = e.contentWindow; // which is 'undefined' because I lost the context of the index.html document