Web/javascript

타 도메인간 iframe auto resize

만년초보 2012. 1. 6. 10:38
반응형

# 부모 페이지
<script>
try {
 document.domain="test.co.kr"; 
}
catch(e) {}

function sendSize() {
 var framemHeight = mainContentFrame.document.body.scrollHeight;
  document.getElementById("frameArea").style.height=parseInt(framemHeight); 
}
</script>


<table border="0" cellpadding="0" cellspacing="0" width="100%">
 <Tr>
  <Td valign="top" align="center" id="frameArea">
   <iframe name="mainContentFrame" src=http://test.co.kr/framepage.html" id="mainContentFrame" width="1024" height="100%" onload="sendSize()"  scrolling="no" frameborder="0"></iframe>
  </Td>
 </Tr>
</table>

# 자식페이지
상단에
<script>document.domain="test.co.kr"; </scirpt>

※ 결과적으로 부모페이지와 자식페이지간 document.domain 값을 일치시키면 crossdomain 제약이 어느정도
   풀리는듯~

반응형