HTML5 Redimensione o iframe de documento de nível superior de dentro de um iframe aninhado
O problema pode parecer difícil de entender, então vou ilustrar da melhor maneira possível.
Digamos que eu tenha o seguinte corpo index.html:
<iframe name="parent"></iframe>
E dentro doparent
iframe, eu carrego o seguinte corpo da página:
<iframe name="nested-navigation"></iframe>
<iframe name="nested-parent"></iframe>
E dentronested-parent
iframe, eu carrego outra página. Dentro desta outra página, eu preciso de alguma forma chegar aos documentos de nível superior (index.html)parent
iframe, para que eu possa redimensionar a altura de seu conteúdo usando onested-parent
Tamanho do conteúdo do iframe.
Eu corretamente redimensionar o index.htmlparent
iframe a altura usando o conteúdo carregado do corpo das páginas aninhadas. No entanto, no próximo aninhamento, não consigo alcançar oindex.html
contexto do documento e, portanto, não consigo obterparent
elemento iframe.
Preciso de ajuda para descobrir como chegar ao index.htmlparent
iframe. Como eu faria isso?
A página está online e os efeitos podem ser vistos aqui:
www.ngeneersinc.com
Se você clicar noProjects
link de navegação, carregará corretamente a página e redimensionará oparent
iframe. Infelizmente, quando você clica noNgen
link de navegação dentro dessa página aninhada, o iframe de nível superior (index.html)parent
) não é redimensionado e o conteúdo é cortado para qualquer altura definida na página anterior.
EDITAR:
Essencialmente, estou tentando fazer o seguinte na minha função de 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