Wie definiere (oder limitiere) ich, auf welchen Iframe (s) iframe-resizer reagiert? - Javascript, iframe, iframe-resizer

Ich habe eine Seite, die 2 iframes laden muss, und ich verwende den iframe-resizer-Code von David Bradshaw.

Ich kontrolliere den Inhalt der Seite, die in einer von ihnen geladen ist, also habe ich die Datei iframeResizer.contentWindow.min.js dort geladen und der iframe passt sich perfekt an.

Der 2. iframe lädt jedoch eine Seite, die ich nicht "t"Kontrolle, so dass die Größe nicht geändert wird (das verstehe ich nicht). Aus irgendeinem Grund wird jedoch die Bildlaufleiste, die ich hinzugefügt habe, beim Laden des iframe-resizer-Codes unterdrückt, selbst wenn scrolling = "yes" definiert ist.

Ich habe den Code iFrameResize ({log: true}) nach dem "kontrollierten" iframe. Der "unkontrollierte" iframe befindet sich früher auf der Seite (und muss dort sein).

Wenn ich die Reihenfolge vertausche, d. H. Ich den "unkontrollierten" iframe nach dem "kontrollierten" iframe (und als solcher nach dem iFrameResize ({log: true}) - Code) verschiebe, sehe ich die Bildlaufleiste für diesen iframe.

Meine Frage lautet also: Wie kann ich angeben, auf welche Iframes der Iframe-Resizer-Code angewendet werden muss?

Vielen Dank!

P.

Antworten:

Legen Sie auf dem iFrame, den Sie steuern möchten, eine Klasse oder ID fest, und übergeben Sie diese an iframeResize.

iFrameResize({log:true},"#myIFrame");

Oder Sie können den iFrame direkt übergeben.

var myIFrame = document.getElementById("myIFrame");
iFrameResize({log:true},myIFrame);