서로 다른 도메인에 있는 페이지를 iframe 으로 마치 하나의 페이지처럼 보이게 하고싶을때
자동으로 아이프레임 사이즈를 늘려주는 방법입니다.
즉, A 사이트 안에 B 사이트의 특정페이지를 A 사이트에 iframe 으로 삽입시킨다는 것입니다.
<iframe src="http://www.test.com/a.html" name="test" frameborder="0"> |
|
B 사이트 페이지에 삽입해야할 코드 ( ※공통으로 들어가는 페이지에 삽입해야됨 ) |
<script>
var ifrContentsTimer;
function resizeRetry() { //이미지같이 로딩시간이 걸리는 것들이 로딩된후 다시 한번 리사이즈
if(document.body.readyState == "complete") {
clearInterval(ifrContentsTimer);
}else {
resizeFrame();
}
}
function resizeFrame(){ //페이지가 로딩되면 바로 리사이즈
self.resizeTo(document.body.scrollWidth + (document.body.offsetWidth-document.body.clientWidth), parseInt(document.body.scrollHeight)+10);
}
</script>
<body onload="resizeFrame();ifrContentsTimer = setInterval('resizeRetry()',100);"> |
|
|
|
|