HTML5 Ändern Sie die Größe eines Dokuments der obersten Ebene in einem verschachtelten Iframe

Das Problem scheint schwer zu verstehen, daher werde ich es so gut wie möglich veranschaulichen.

Angenommen, ich habe den folgenden index.html-Body:

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

Und in derparent iframe lade ich den folgenden Seitentext:

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

Und drinnennested-parent iframe, ich lade eine andere Seite. Innerhalb dieser anderen Seite muss ich irgendwie zu den Dokumenten der obersten Ebene (index.html) gelangenparent iframe, so dass ich die Höhe seines Inhalts mit dernested-parent iframe Inhaltsgröße.

Ich habe die Größe der index.html korrekt geändertparent iframes height verwendet den geladenen Inhalt des verschachtelten Seitenkörpers. Bei der nächsten Verschachtelung bin ich jedoch nicht in der Lage, die zu erreichenindex.html Dokumentenkontext, und bin daher nicht in der Lage, dieparent Iframe-Element.

Ich brauche Hilfe, um herauszufinden, wie ich die index.html erreicheparent iframe. Wie würde ich das machen?

Die Seite ist online und die Effekte können hier eingesehen werden:

www.ngeneersinc.com

Wenn Sie auf die Schaltfläche klickenProjects Mit dem Navigationslink wird die Seite korrekt geladen und die Größe der Seite geändertparent iframe. Leider, wenn Sie auf die Schaltfläche klickenNgen Navigationslink innerhalb dieser verschachtelten Seite, der iFrame der obersten Ebene (index.html) (parent) wird nicht in der Größe geändert und der Inhalt wird auf die auf der vorherigen Seite festgelegte Höhe zugeschnitten.

BEARBEITEN:

Im Wesentlichen versuche ich in meiner Javascript-Funktion Folgendes zu tun:

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

Antworten auf die Frage(1)

Ihre Antwort auf die Frage