태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수

14년 전

/*    iframe Resizing
    익스플로러 6, 넷스케이프 8 이상에서 작동
    너비는 적용안되고 높이만 자동 리사이즈
    Ex)
        <iframe src="주소" width="640" marginwidth="0" marginheight="0" frameborder="0" onLoad="ResizeIFrame(this);"></iframe>
*/

function resizeIFrame(iframeId)
{
    try {
        var innerBody = iframeId.contentWindow.document.body;
        var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);

        if(iframeId.style.height != innerHeight) {
            iframeId.style.height = innerHeight;
        }
        if(document.all) {
            innerBody.attachEvent('onclick',parent.do_resize);
            innerBody.attachEvent('onkeyup',parent.do_resize);
        }
        else {
            innerBody.addEventListener("click", parent.do_resize, false);
            innerBody.addEventListener("keyup", parent.do_resize, false);
        }
    }
    catch (e) {
    }
}

====================================================================

이렇게 하여도 됩니다.


<script language="JavaScript">

</script>


여기까지를 <head>와 </head>사이에 넣으시고

게시판을 삽입하는 곳에는


<?
    echo "<iframe id=iframe onLoad=\"calcHeight();\" src=\"여기에 게시판 주소를 넣으세요\" scrolling=no frameborder=0 width=1000 height=0></iframe>";
?>

추천 목록

번호	제목
995	셀렉트 박스 선택시 자바스크립트 이용하여 사이트 이동하기 또는 팝업으로뛰우기
994	페이지 오픈시 특정 인풋 박스에 커서 이동하게 하기
993	유동적인 레이어 css와 script로 고정 위치 시키기
992	특정영역 내용 복사하기(클립보드) 익스 전용
991	이미지 클릭시 div 숨김 보임 스크립트
990	라디오 버튼 클릭시 div 숨김 보임 스크립트
989	이미지 엑박시 대체 이미지 적용하기
988	마우스 오버 아웃 해당 이미지 바꾸기 스크립트
987	파일업로드(찾아보기버튼)를 이미지로 변경 하기
986	input 텍스트박스 자동완성글 사용 못하게 하기
985	자바스크립트 쓰지 않고 퀵메뉴 사용하기
984	즐겨찾기 스크립트 (파이어 폭스 , 익스 플러로, 오페라 작동)
983	인풋박스 background 이미지 넣기
982	프레임셋 사용 새로고침 방지
981	자바스크립트를 이용한 프레임셋 사용 새로고침 방지
980	변수 문자열 입력하기
979	리눅스 현재 접속중인 ftp 목록 보기 명령어
978	리눅스 파일찾기 find 명령
977	리눅스서버 원격 접속하기
976	리눅스 서버 도메인 기본 포트 목록
975	윈도우 서버 도메인 컨트롤러 기본 포트 목록
974	윈도우서버 원격 접속 방법
973	자주쓰는 리눅스 서버 명령어
972	iframe 자동 사이즈
	iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수
970	마우스 오버를 하면 올라오는 레이어창입니다.
969	PHP 기초 다지기 - HTML폼과 변수
968	PHP 기초 다지기 - 데이터의 집합 : 배열
967	PHP 기초 다지기 - 스칼라 변수와 데이터
966	PHP 기초 다지기 - 제어문