2011-09-27 18 views
4

サイトのコンテンツを含むiframeがあります。 iframeをsrcコンテンツの高さの100%に調整します。 - JSでのnoobのビットは、ここで私が働いているものです:iframeの高さを動的に調整する

<iframe id="frame" scrolling="no" frameborder="0" src="http://www.srcwebsite.org"></iframe> 

    <script type="text/javascript"> 
    function resizeIframe() { 
     var height = document.documentElement.clientHeight; 
     height -= document.getElementById('frame').offsetTop; 

     height -= 20; /* whatever you set your body bottom margin/padding to be */ 

     document.getElementById('frame').style.height = height +"px"; 

    }; 
    document.getElementById('frame').onload = resizeIframe; 
    window.onresize = resizeIframe; 
    </script> 

これは、そのページへのiframeの高さを変更するために素晴らしい作品が、私はそれが、srcの高さにサイズを変更したいです。 ..

答えて

3

Same Origin Policy(プロトコル、ドメインとポートが一致する必要があるため)のため、iframeのコンテンツの高さにアクセスすることはできません。

CORSを設定できますが、IE8まではIEではサポートされていないことに注意してください。