Javascript는 iframe 높이를 수동으로 주어진 문자열로 설정하지만 변수로 설정하지 않습니다.

Question

나는 작동하지 못하는 기능이 있습니다. stackoverflow 전체에서 동일한 문제에 대한 검색했지만 어떤 해결책을 찾지 못했습니다 ...

그래서 내 index.php에서 코드 조각입니다. 나는 그것에/index.php 뉴스와 iframe 있어요.

<div id="hirek1"> 
    <iframe id="newsframe" src="news/index.php"></iframe> 
</div> 
<script type="text/javascript" src="mutato.js">milyenmagas();</script> 

그리고 이것은 news/index.php입니다. (mutato.js의)

<div id="hirekmagassag"><!--content--></div> 
<script type="text/javascript" src="mutato.js">milyenmagas();</script> 

기능 :

function milyenmagas() 
{ 
    if(document.getElementById('hirekmagassag') != null) 
     var divmag = document.getElementById('hirekmagassag').offsetHeight; 
     var framemag = (divmag + 10 + 'px'); 
    if(document.getElementById('hirek1') != null) 
     var iframe = document.getElementById('hirek1').getElementsByTagName('iframe')[0]; 
    if(document.getElementById('hirek1') != null) 
     iframe.height = framemag; 
    if(document.getElementById('hirek1') != null) 
     iframe.style.height = framemag; 
setTimeout('milyenmagas();', 1000); 
} 

그래서

의 지점 그것의 내용이 출력이 높이를 동적으로 뉴스의 아이폰에에 따라 변하는 PHP 코드입니다 함수는 내 iFrame의 높이를 콘텐츠의 높이까지 동일하게 설정하는 것입니다 (스크롤바를 피하기 위해 +10 픽셀). 위에서 볼 수 있듯이이 함수는 두 div 후에 호출되며 두 번 호출됩니다 (각 파일에서 한 번). if는 두 파일 사이의 작업을 정렬하기위한 것입니다.

지금은 나에게 적합하지 않습니다. iframe.height 및 iframe.style.height 변수의 값을 프레임 이미지에서 "500px"로 변경하는 경우를 제외하고는 완벽하게 작동합니다. 나는 내가 뭘 잘못하고 있는지 보지 못합니다. 내가 경보 (framemag)라고해도; 스타일 매개 변수로 완벽하게 작동해야하는 올바른 문자열을 던집니다.

무엇이 여기에 있습니까?

Answer 1

시도

function milyenmagas() { 
    var hirekmagassag = document.getElementById('hirekmagassag'); 

    if (hirekmagassag != null) { 
     var divmag = hirekmagassag.offsetHeight; 

     var framemag = (divmag + 10) + 'px'; 

     var hirek1 = document.getElementById('hirek1'); 
     if (hirek1) { 
      var iframe = hirek1.getElementsByTagName('iframe')[0]; 
      console.log(framemag) 
      iframe.height = framemag; 
      iframe.style.height = framemag; 
     } 

    } 
    setTimeout('milyenmagas();', 1000); 
} 

데모 : Plunker - iframe이에게 크기를 조정하는 메시지 DIV의 크기를 조정