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