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