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

Respuestas a la pregunta(1)

Su respuesta a la pregunta