태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

iframe 내용에 맞게 자동으로 크기 조절하기

홈페이지

18년 전

iframe에 들어가는 문서에 삽입해주셔야 합니다~ *^^*
<script>
function resizeFrame(name){
        var oBody = document.body;
        var oFrame = parent.document.all(name);
        var min_height = 320; //iframe의 최소높이(너무 작아지는 걸 막기위함, 픽셀단위, 편집가능)
        var min_width = 465; //iframe의 최소너비
        var i_height = oBody.scrollHeight + (oBody.offsetHeight-oBody.clientHeight);
        var i_width = oBody.scrollWidth + (oBody.offsetWidth-oBody.clientWidth);

        if(i_height < min_height) i_height = min_height;
        if(i_width < min_width) i_width = min_width;
        oFrame.style.height = i_height;
        oFrame.style.width = i_width;

        parent.scrollTo(1,1); //부모문서의 스크롤 위치를 1, 1로 옮긴다
}
</script>
위 함수를 삽입하고, 문서 제일 아래쪽에
<script>
var oldFn = "";
if(window.onload != null){
        oldFn = new String(window.onload); //window.onload의 함수를 문자열로 받는다
        oldFn = oldFn.substring(22,oldFn.length-2);
}
window.onload = new Function("resizeFrame(FRAMEID);" + oldFn); //새함수와 기존의 함수를 추가해서 onload이벤트에 할당
</script>
를 삽입해주세요. 가끔씩 body에 onLoad 이벤트를 쓰시는 분들이 있는데 그 분들을 위한 함수입니다.

사용하실땐
iframe에 id와 name 속성을 같은 이름으로 할당하셔야 합니다.
예)
<iframe id=innerFrame name=innerFrame></iframe>

<script>
...(생략)
window.onload = newFunction("resizeFrame('innerFrame');" + oldFn);
</script>

제로보드 쓰시는 분들은
<script>
var oldFn = "";
if(window.onload != null){
        oldFn = new String(window.onload); //window.onload의 함수를 문자열로 받는다
        oldFn = oldFn.substring(22,oldFn.length-2);
}
window.onload = new Function("resizeFrame(FRAMEID);" + oldFn); //새함수와 기존의 함수를 추가해서 onload이벤트에 할당
</script>
이 부분을
<script>
var oldFn = new String(window.onload);
window.onload = new Function("resizeFrame(FRAMEID);" + oldFn); //새함수와 기존의 함수를 추가해서 onload이벤트에 할당
</script>
이렇게 바꿔주세요.

추천 목록

번호	제목
80	미디어 플레이어 객체 제어하기
79	윈도미디어플레이어의 PARAM속성 활용법
78	브라우저를 부드럽게 줄여줍니다.
77	세로로 먼저 길어진 다음 가로로 길어지는 팝업창
76	미디 랜덤으로 듣기 완벽해결!
75	[배경음악] 첫곡은 랜덤, 그 이후로는 순차재생
74	랜덤으로 파일 가져와서 재생하고, 끝나면 다른 랜덤파일 또 재생하기..
73	곡명 선택하여 듣기
72	미디어 플레이어 필터
71	embed태그를 대체할만한 태그
70	버튼 미디어 플래이어를 구현해 보자
69	화살표로 브라우져창 움직이기
68	프린트 출력할때 일부분은 출력 안되게 지정하는 소스
67	셀렉트메뉴를 이용해 음악을 재생합니다.
66	미디어플레이어가 최신버전인지 확인합니다..
65	동영상이 재생될때까지 다른 이미지를 보여줍니다.
64	맨위,맨아래로 이동하는 버턴 만들기(세로형식)
63	아이프레임 자동리사이즈
62	Select의 값을 iframe으로 넣는것입니다.
61	아이프레임으로 문서크기 자동조절하기(완벽판)
60	페이지내에 있는 내용을 검색합니다.. 1
59	페이지 내에 있는 텍스트를 검색합니다.2
58	페이지내에 있는 내용을 검색합니다.. 3 (전 브라우저 지원)
57	스크롤바 색상 스타일 생성
56	팝업 생성기 1
55	일정시간 후에 창 열고 창 닫기
54	시간대 별로 메세지를 바꿔줍니다
53	아래 위에서 내려오는 ....
	iframe 내용에 맞게 자동으로 크기 조절하기
51	배경음악을 깔아보자