2015-07-28 11 views
8

pracuję na tej stronie tutaj: http://factor1hosting.com/~dnaz/wordpress/certifications/IFrame Resizer nie rozmiaru

I staram się ciągnąć w pole karne iframe domeny.

Używam do tego celu @DavidJBradshaw's iFrame Resizer. Jednak nie otrzymuję ramki iframe do poprawnego działania.

mogę użyć tylko zwykły javascript startowych:

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

A kiedy używam tego zrobić dostać dziennik ale nie zmienić. Próbowałem zostały również metody jQuery:

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

I nie dostać dziennik lub iframe przeskalowane. Próbowałem też owijać go w gotowy dokument, który też go nie osiąga.

Ktoś ma jakieś przemyślenia lub pomysły, dlaczego to nie działa poprawnie? Moja konsola nie rzuca żadnych błędów JS ... Dzięki!

EDYCJA: Oto przykładowy sposób, w jaki jestem obecnie skonfigurowany po stronie HTML.

<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: Oto mój dziennik konsoli kiedy to robi ogień, i to ustawienie iframe do 150 pikseli chociaż zawartość rozciąga się już wtedy.

[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] -- 

Odpowiedz

10

Gotowy!

Wysokość ciała elementu iframe nie była obliczana prawidłowo, więc zmieniłam sposób obliczania wysokości elementu. Używam 'lowestElement', aby to osiągnąć i działa świetnie.

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

Z repo GitHub: lowestElement Loops chociaż każdy element DOM i znajdzie najniższy punkt dolną

+1

miałem ten sam problem. Dodałem tylko {heightCalculationMethod: 'max'} do wywołania funkcji, co rozwiązało problem. –

+0

@buschschwick wygląda tak, jakbyś nie potrzebował śpiączki po wysokościCalculationMethod – sk1llfull

+1

Jedną z popełnionych błędów było umieszczenie tagu skryptu nad ramką iframe - musi to być po elemencie iframe, jeśli nie może znaleźć elementu iframe. – vanval

Powiązane problemy