메뉴 건너뛰기

2014.03.01 21:46

iframe 자동 리사이즈

조회 수 5992 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<script language="JavaScript">
function resizeHeight(fr) {
 var frbody = fr.contentWindow.document.body;
 fr.style.height = frbody.scrollHeight + ( frbody.offsetHeight - frbody.clientHeight );
}
// IFrame script Ver 1.0 //여러개의 IFrame는 다음과 같이 사용합니다. 
// 예 : ["myframe1", "myframe2"] or ["myframe"] or [] for none: 
var iframeids=["iframe"] 
var iframehide="yes" 
 var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1] 
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 
 function resizeCaller() { 
var dyniframe=new Array() 
 for (i=0; i<iframeids.length; i++) { 
if (document.getElementById) 
resizeIframe(iframeids[i]) 
 if ((document.all || document.getElementById) && iframehide=="no") { 
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]) 
tempobj.style.display="block" 
} 
} 
} 
 function resizeIframe(frameid) { 
var currentfr=document.getElementById(frameid) 
 if (currentfr && !window.opera){ 
currentfr.style.display="block" 
 if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) 
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
else if (currentfr.Document && currentfr.Document.body.scrollHeight) 
currentfr.height = currentfr.Document.body.scrollHeight; 
 if (currentfr.addEventListener) 
currentfr.addEventListener("load", readjustIframe, false) 
else if (currentfr.attachEvent){ 
currentfr.detachEvent("onload", readjustIframe) 
currentfr.attachEvent("onload", readjustIframe) 
} 
} 
} 
 function readjustIframe(loadevt) { 
var crossevt=(window.event)? event : loadevt 
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement 
 if (iframeroot) 
resizeIframe(iframeroot.id); 
} 
 function loadintoIframe(iframeid, url) { 
if (document.getElementById) 
document.getElementById(iframeid).src=url 
} 
 if (window.addEventListener) 
window.addEventListener("load", resizeCaller, false) 
else if (window.attachEvent) 
window.attachEvent("onload", resizeCaller) 
else 
window.onload=resizeCaller
</script>
 </head>


     <iframe src="/board/bbs/board.php?bo_table=freeboard" width="712" id="iframe" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" vspace="0" onload="resizeHeight(this)"></iframe> 

List of Articles
번호 제목 날짜 조회 수
247 바닐라 JS, ECMAScript 개념 file 2023.01.20 109
246 마우스 오른쪽버튼 , 드래그 선택 차단 2023.01.12 118
245 패스워드, 확인패스워드가 맞는지 체크 2023.01.12 130
244 Node.js와 npm(+ npx)의 개념 2023.01.20 134
243 비동기 작업의 원리 (JavaScript 엔진, Web API, Task Queue, Event Loop) file 2023.01.20 138
242 개발자도구 F12키 막기 file 2023.01.12 175
241 페이지 이동 2021.03.26 190
240 getYear(); 크롬, 파이어폭스 에서 제대로 작동 안하는 문제 2021.03.26 197
239 default 매개변수(매개변수 기본값) 2021.03.26 199
238 자주쓰는 것들 2021.03.26 203
237 split, join, replace, replace_all 2021.03.26 204
236 폼안에 태그명, 함수명 같을때 오류 2021.03.26 215
235 현재 날짜, 시간 ( Month + 1 에 대해서 ) 2021.03.25 218
234 Date 객체로 원하는 날짜, 시간 표현하기 2021.08.20 223
233 Javascript - 입력한 년, 월의 마지막 날짜 구하기 2021.03.09 224
232 3자리 마다 쉼표만 찍어주는 number_format 함수 2021.03.26 225
231 오브젝트 속성 2021.03.25 237
230 월의 마지막 날짜 계산하기 2021.08.20 242
229 대소문자 변경 (대문자를 소문자로, 소문자를 대문자로) 2021.08.20 261
228 Javascript - form태그 내부 ajax처리시 2번 전송되는 현상 2021.03.09 268
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved