본문 바로가기
웹프로그램

자바스크립트 iframe 리사이징 크기 변경 하기

by 세이박스 2008. 11. 7.
반응형

다른 도메인에서 타 페이지를 iframe로 로딩할때 원프레임처럼 보이게 하는 소스 입니다.
검색해보니 많은 내용이 있는데 안된다는 분들도 많고 해서 써보지도 않고 검색해서 올립니다. ㅠㅠ
이걸로 써보시라고 올려드립니다. 제가 테스트 하니까 잘 되는군요..
안 되도 욕하기 없기요
컥~설마 불려지는 페이지를 수정없이 리사즈를 말하는것인가?!!(맞는듯 ㅎㅎ)

로딩될 페이지
/////////////////
<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);">
//////////////////// 로딩될 페이지에 삽입

///// 원래 페이지
<iframe src="http://saybox.tistory.com/aa.asp" name="exiframe" frameborder="0">

반응형