HTML5 Изменение размера iframe документа верхнего уровня из вложенного iframe

Эта проблема может показаться трудной для понимания, поэтому я проиллюстрирую ее как можно лучше.

Скажем, у меня есть следующее тело index.html:

<iframe name="parent"></iframe>

И внутриparent В iframe я загружаю следующее тело страницы:

<iframe name="nested-navigation"></iframe>
<iframe name="nested-parent"></iframe>

И внутриnested-parent iframe, я загружаю другую страницу. Внутри этой другой страницы мне нужно как-то добраться до документов верхнего уровня (index.html)parent iframe, так что я могу изменить высоту его содержимого, используяnested-parent размер содержимого iframe.

Я правильно изменяю размеры index.htmlparent Высота iframes с использованием загруженного содержимого тела вложенных страниц. Тем не менее, в следующем вложении я не могу добраться доindex.html контекст документа, и, следовательно, я не могу получитьparent элемент iframe

Мне нужна помощь в выяснении, как достичь index.htmlparent IFrame. Как бы я это сделал?

Страница находится в сети, и эффекты можно посмотреть здесь:

www.ngeneersinc.com

Если вы нажметеProjects навигационная ссылка, она корректно загрузит страницу и изменит размерparent IFrame. К сожалению, когда вы нажимаете наNgen навигационная ссылка внутри этой вложенной страницы, iframe верхнего уровня (index.html)parent) не изменяется, а содержимое обрезается до той высоты, которая была установлена на предыдущей странице.

РЕДАКТИРОВАТЬ:

По сути, я пытаюсь сделать следующее в моей функции 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