| * 먼저 이팁은 아이프레임적용시 일반문서나 제로보드게시판에서 세로의 스크롤바가 생기지 않고 높이를 자동으로 조절해 주는 팁입니다. 1. 먼저 아이프레임을 적용하려는 문서의 <head> 와 <./head> 사이에 아래의 소스를 사정없이 잡아 넣으세요.. ^^; <script language='xxJavaScript' type='text/xxjavascript'> <!-- function resizeFrame(iframeObj){ /* 아이프레임에서 읽어들인 페이지의 body */ var innerBody = iframeObj.contentWindow.document.body; /* * 특정이벤트 발생시 다시 사이즈 조정!! ( 윤상권님의 지적 ) * ex ) * 항상 들어가야할 내용 입니다. * 혹시 아이프레임 속에 BODY 에 이미 이벤트가 정의 되어 있을경우를 위해 * oldEvent = innerBody.xxondbclick; * 위와 같은 식으로 이벤트를 백업받아놓으면 될듯 합니다. * 1. innerBody.xxondbclick = function { resizeFrame(iframeObj, 1);oldEvent; }; * 2. innerBody.xxonmousemove = function { resizeFrame(iframeObj, 1);oldEvent; }; * 3. innerBody.xxonkeydown = function { resizeFrame(iframeObj, 1);oldEvent; }; */ oldEvent = innerBody.xxonclick; innerBody.xxonclick = function(){ resizeFrame(iframeObj, 1);oldEvent; }; /* 높이 다시설정 */ var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight); iframeObj.style.height = innerHeight; // 넓이 다시설정 var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth); iframeObj.style.width = innerWidth; if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */ this.scrollTo(1,1); } //--> </script> 2. 그런 다음... 아이프레임을 적용할 곳에........... <iframe src="불러올 게시판주소나 문서의 주소" xxonload="resizeFrame(this)" scrolling="no" border="0" frameborder="0"></iframe> 이렇게 하시면 스크롤바가 안생기고 문서의 높이에 따라 기똥차게 높이가 조정됩니다. |
'tag 태그' 카테고리의 다른 글
| 글과 상관없이 이미지 하단에 머물게 하는 소스 (0) | 2007.04.16 |
|---|---|
| 색깔별 이쁜 수평선을 그어볼까요 (0) | 2007.03.09 |
| 이미지로 클릭으로 팝업창 사이즈 조절해서 띄우기 (0) | 2007.03.08 |
| 마우스 커서 모양 바꾸기 태그 (0) | 2007.03.06 |
| 테이블 안에 주소 넣기 . 테이블 가운데 정렬하기 (0) | 2007.02.11 |