iFrame에서 easyXDM으로 크기 조정

Question

고객에게 내 iFrame 코드를 제공하여 내 사이트의 동적 콘텐츠를 표시 할 수 있습니다. 내 콘텐츠에 맞게 페이지 크기에 맞게 iFrame을 설치하고 싶습니다. 내가 easyXDM 사이트에서 지시를 따랐지만 어쩌면 내가 누락되었습니다.

오류는 발생하지 않지만 iFrame은 기본 높이 (150 픽셀)로 유지됩니다.

<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    var transport = new easyXDM.Socket({ 
    remote: "http://www.lipsum.com/", 
    container: "container", 
    onMessage: function (message, origin) { 
     this.container.getElementsByTagName("iframe")[0].style.height = message + "px"; 
    } 
    }); 
</script> 
<div id="container"></div> 

그리고 이것은 내가 삽입 할 문서에가는 코드입니다 : 내 클라이언트 사이트를 제공하는 코드는 내가 뭘 간단한 일이 내가 바라고 있어요

<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    var socket = new easyXDM.Socket({ 
    onReady: function() { socket.postMessage(document.body.scrollHeight) } 
    }); 
</script> 

을 틀림 ...

Answer 1

아주 늦었지만 백업 전송 방법을 추가하지 않았습니다.

가 가리 키도록 remoteHelper 속성을 추가 귀하의 웹 사이트의 루트에 name.html에게 파일 easyxdm.swf 파일을 넣고 다음

고객 웹 사이트 아래 수정 된 코드를 사용하여 name.htmlswf 속성을 추가하여 easyxdm.swf 파일을 가리 킵니다.

<div id="container"></div> 
<script src="http://test.pronetis.net/SNM.CMS/js/easyXDM/easyXDM.debug.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    var transport = new easyXDM.Socket({ 
    remote: "http://www.lipsum.com/", 
    remoteHelper: "http://www.lipsum.com/name.html", 
    swf: "http://www.lipsum.com/easyxdm.swf", 
    container: "container", 
    onMessage: function (message, origin) { 
     this.container.getElementsByTagName("iframe")[0].style.height = message + "px"; 
    } 
    }); 
</script> 

귀하의 웹 사이트

이 루트에서 name.html를 가리 키도록 재산 지역를 추가합니다.

<script type="text/javascript"> 
    var socket = new easyXDM.Socket({ 
     local: "name.html", 
     onReady: function() { 
      socket.postMessage(document.body.scrollHeight); 
     } 
    }); 
</script> 

이 바로 </body> 태그 앞에 넣어 아마 최고의 그래서 당신은 또한 당신의 웹 사이트에 스 니펫이 페이지의 모든 콘텐츠 아래에 있는지 확인해야합니다.

당신은 name.html 및 here에서 easyxdm.swf 들어있는 easyxdm 최신 버전을 다운로드 할 수 있습니다.