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