IFrame-Resizer nicht Größenanpassung

Ich bin auf diese Seite hier: http://factor1hosting.com/~dnaz/wordpress/Zertifizierungen/

Und ich bin versucht zu ziehen, die im cross-domain-iframe.

Ich bin mit @DavidJBradshaw die iFrame-Resizer um dies zu erreichen. Allerdings bin ich nicht immer der iframe, um korrekt zu arbeiten.

Kann ich nur die einfachen javascript-init:

<script>iFrameResize({log:true})</script>

Und wenn ich dieses bekomme ich den log aber es funktioniert nicht in der Größe verändern. Ich habe auch versucht die jQuery-Methode:

$('iframe').iFrameResize( [{log: true}] );

Und nicht bekommen, das Protokoll oder der iframe verkleinert. Ich habe auch versucht, wickelte Sie in ein Dokument bereit ist und dass nicht es zu erreichen, entweder.

Jemand irgendwelche Gedanken oder Ideen, warum dies nicht feuern, richtig? Meine Konsole ist nicht das werfen einer JS-Fehler... Danke!

EDIT: hier ist ein Beispiel, wie ich momentan bin-setup auf der HTML-Seite.

<iframe src="http://phpstack-9420-21004-48731.cloudwaysapps.com/onlinecert/certification/login" width="100%" scrolling="no"></iframe>
                <script>
                    jQuery(document).ready(function () {
                        jQuery('iframe').iFrameResize( [{log:true}] );
                    });
                </script>

EDIT 2:
Hier ist meine Konsole anmelden, wenn es nicht Feuer, und es ist die Einstellung der iframe-Element 150px obwohl der Inhalt erstreckt sich mehr dann.

[iFrameSizer][Host page] Added missing iframe ID: iFrameResizer0 (http://phpstack-9420-21004-48731.cloudwaysapps.com/onlinecert/certification/login)
iframeResizer.js:97 
[iFrameSizer][Host page] IFrame scrolling disabled for iFrameResizer0
iframeResizer.js:97 
[iFrameSizer][Host page][init] Sending msg to iframe (iFrameResizer0:8:false:true:32:true:true:null:offset:null:null:0:false:parent)
iframeResizer.js:97 
[iFrameSizer][Host page][iFrame.onload] Sending msg to iframe (iFrameResizer0:8:false:true:32:true:true:null:offset:null:null:0:false:parent)
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] HTML & body height set to "auto"
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Enable public methods
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Animation Start
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Animation Iteration
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Animation End
iframeResizer.contentWindow.js:62 .
[iFrameSizer][iFrameResizer0] Added event listener: Device Orientation Change
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Transition End
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Added event listener: Window Clicked
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Enable MutationObserver
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] In page linking not enabled
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Trigger event lock on
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Sending message to host page (iFrameResizer0:150:703:init)
iframeResizer.js:97 
[iFrameSizer][Host page] Received: 
[iFrameSizer]iFrameResizer0:150:703:init
iframeResizer.js:97 [iFrameSizer][Host page] Checking connection is from: http://phpstack-9420-21004-48731.cloudwaysapps.com
iframeResizer.js:97 
[iFrameSizer][Host page] Checking height is in range 0-Infinity
iframeResizer.js:97 
[iFrameSizer][Host page] Checking width is in range 0-Infinity
iframeResizer.js:97 
[iFrameSizer][Host page] Requesting animation frame
iframeResizer.js:97 
[iFrameSizer][Host page] IFrame (iFrameResizer0) height set to 150px
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] Trigger event lock off
iframeResizer.contentWindow.js:62 
[iFrameSizer][iFrameResizer0] --
InformationsquelleAutor erwstout | 2015-07-28
  1. 12

    Hab!

    Den iframe-body Höhe nicht korrekt berechnet, so dass ich geändert, wie es sich berechnet, was die iframe-Höhe sein sollte. Ich bin mit 'lowestElement' um dies zu erreichen und es funktioniert Super.

    iFrameResize({
    log                     : true,                  //Enable console logging
    enablePublicMethods     : true,                  //Enable methods within iframe hosted page
    heightCalculationMethod : 'lowestElement',
});

    Aus dem GitHub repo: lowestElement Schleifen obwohl jedes element in den DOM und findet in der tiefsten unteren Punkt

    • Ich hatte das gleiche Problem. Ich habe nur Hinzugefügt, {heightCalculationMethod : 'max'} zu dem Aufruf der Funktion, und dies das Problem gelöst.
    • schauen, wie Sie nicht brauchen, Koma, nachdem heightCalculationMethod
    • Ein Fehler, den ich machte, war putting das script-tag über die iframe - es hat sich nach der iframe-sonst kann er Sie nicht finden iframe.
    • In der neuesten version können Sie auch taggedElement die viel schneller ist. Siehe Dokumentation für Informationen darüber, wie es einzurichten.
    InformationsquelleAutor erwstout
Schreibe einen Kommentar