아이프레임 리사이징
페이지 정보
작성자 MintState 댓글 0건 조회 12,605회 작성일 08-11-10 11:51본문
아이프레임 리사이징
본페이지
해당 Iframe 페이지
파이어폭스(firefox) 적용 소스
====================================================
네이트 클럽에서 사용하는 소스
본페이지
<div id="a_iframe" style="width:645px; table-layout:fixed;"> <iframe id="iframeID" name="iframeID" src="Iframe.html" width="100%" height="0" frameborder="0" scrolling="no"></iframe> </div>
해당 Iframe 페이지
<script language="JavaScript">
function autoResize() {
try {
resizeTo(document.body.scrollWidth, document.body.scrollHeight);
}
catch(e) {
window.setTimeout("autoResize()", 1000);
}
}
</script>
<script language="JavaScript" for="window" event="onload">
window.setTimeout("autoResize()", 500);
window.setTimeout("autoResize()", 1000);
</script>
파이어폭스(firefox) 적용 소스
<SCRIPT LANGUAGE="JavaScript">
function resizeFrame() {
var min_h = 600;
var oIFrame = document.getElementById("content_");
try {
var oDoc = oIFrame.contentDocument || oIFrame.contentWindow.document;
if (/MSIE/.test(navigator.userAgent)) {
var frmHeight = oDoc.body.scrollHeight;
} else {
var s = oDoc.body.appendChild(document.createElement('DIV'))
s.style.clear = 'both';
var frmHeight = s.offsetTop;
s.parentNode.removeChild(s);
}
if (frmHeight < min_h) frmHeight = min_h;
oIFrame.style.height = frmHeight;
} catch (e) { }
}
</script>
--------------------------------------------------------------------
<iframe id="content_" name="content_" src="" width="100%" height="600" frameborder="0" scrolling="auto" onload="resizeFrame()"></iframe>
====================================================
네이트 클럽에서 사용하는 소스
<SCRIPT LANGUAGE="JavaScript">
// iframe resize Function
function reSizeFrm()
{
var objTotal = document.body;
var objBody = ifrm.document.body;
var objFrame = document.all["ifrm"];
if ( objBody == null )
setTimeout("reSizeFrm();",1000);
else
objFrame.style.height = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight)+182;
objFrame.style.width = '100%';
}
// iframe initialize Function
function frame_init()
{
parent.reSizeFrm();
parent.scrollTo(1,1);
}
setTimeout("parent.resizeFrame();",500);
</script>
|
|
댓글목록
등록된 댓글이 없습니다.





아이프레임 리사이징