메뉴 건너뛰기

검색창 닫기

tnt_lang

html/script 문서크기에 맞게 아이프레임폭 자동으로 조정하기

박상현 2003.11.17 12:06 조회 수 : 1908 추천:24

게시판이나 html 문서를 아이프레임으로 불러올경우 스크롤바가 생기거나 또는 스크롤바를 없애면 잘려보이는 경우가 생깁니다.
이럴경우 불러오는 문서의 크기에 맞게 아이프레임 크기를 늘려주는 방법입니다.

<첫번째 방법>

아이프레임 이름을 lastword로 지정했을 경우. 아래의 스크립트를 <head></head> 사이에 넣으세요
<script>
function initsize() {
lastword.resizeTo(lastword.document.body.scrollWidth, lastword.document.body.scrollHeight);
}
</script>

<body> 태그에 onLoad="initsize();"를 넣어 주세요
<body bgcolor="#FFFFFF" onLoad="initsize();">

아이프레임 사용예.
<iframe name="lastword" src="/tt/board/ttboard.cgi?db=last_word" width="300" height="250" frameborder="no" scrolling="no"></iframe>

한가지 주의할것은 불러오는 문서와 불러지는 문서가 서로 같은 계정에 있어야만 동작합니다.

<두번째 방법>

또다른 방법으로 불러지는 문서에 직접삽입하는 방법으로 서로 다른계정에 있어도 사용가능합니다.
<script>
function initsize() {
self.resizeTo(document.body.scrollWidth, document.body.scrollHeight);
}
</script>
<body bgcolor="#FFFFFF" onLoad="initsize();">
이 게시물을
이 글의 추천인 목록 수정 삭제 목록
쓰기 태그
위로