HTML5 Zmiana rozmiaru iframe dokumentu najwyższego poziomu z zagnieżdżonej ramki iframe

Problem może wydawać się trudny do zrozumienia, więc zilustruję to najlepiej, jak potrafię.

Powiedz, że mam następującą treść index.html:

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

I wewnątrzparent iframe, ładuję następującą treść strony:

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

I w środkunested-parent iframe, ładuję kolejną stronę. Wewnątrz tej drugiej strony muszę jakoś dostać się do dokumentów najwyższego poziomu (index.html)parent iframe, dzięki czemu mogę zmienić rozmiar jego zawartości za pomocąnested-parent rozmiar zawartości iframe.

Poprawnie zmieniam rozmiar index.htmlparent wysokość iframes przy użyciu załadowanej treści treści zagnieżdżonych stron. Jednak podczas następnego zagnieżdżania nie mogę dotrzeć doindex.html kontekst dokumentu, a więc nie mogę uzyskaćparent element iframe.

Potrzebuję pomocy, aby dowiedzieć się, jak dotrzeć do index.htmlparent iframe. Jak bym to zrobił?

Strona jest online, a efekty można obejrzeć tutaj:

www.ngeneersinc.com

Jeśli kliknieszProjects łącze nawigacyjne, poprawnie załaduje stronę i zmieni rozmiarparent iframe. Niestety, po kliknięciuNgen łącze nawigacyjne wewnątrz tej zagnieżdżonej strony, ramka iframe najwyższego poziomu (index.html) (parent) nie zmienia rozmiaru, a zawartość jest cięta na dowolną wysokość ustawioną na poprzedniej stronie.

EDYTOWAĆ:

Zasadniczo próbuję wykonać następujące czynności w mojej funkcji 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

questionAnswers(1)

yourAnswerToTheQuestion