아이프래임의 단점이 문서가 자동으로 늘어나지 않는문제가 있습니다.

아래 자바스크립트를 사용해서 보안할수있습니다.


iframe 태그가 들어가는 페이지에 아래 스크립트를 추가합니다... (역시..head의 안이던 밖이던....간에..)

<script language='JavaScript' type='text/javascript'>
<!--
function do_resize() {
resizeFrame("iframe_main",1);
}

function resizeFrame(ifr_id,re){
//가로길이는 유동적인 경우가 드물기 때문에 주석처리!
var ifr= document.getElementById(ifr_id) ;
var innerBody = ifr.contentWindow.document.body;
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
//var innerWidth = document.body.scrollWidth + (document.body.offsetWidth - document.body.clientWidth);

if (ifr.style.height != innerHeight) //주석제거시 다음 구문으로 교체 -> if (ifr.style.height != innerHeight || ifr.style.width != innerWidth)
{
ifr.style.height = innerHeight;
//ifr.style.width = innerWidth;
}

if(!re) {
try{
innerBody.attachEvent('onclick',parent.do_resize);
innerBody.attachEvent('onkeyup',parent.do_resize);
//글작성 상황에서 클릭없이 타이핑하면서 창이 늘어나는 상황이면 윗줄 주석제거
} catch(e) {
innerBody.addEventListener("click", parent.do_resize, false);
innerBody.addEventListener("keyup", parent.do_resize, false);
//글작성 상황에서 클릭없이 타이핑하면서 창이 늘어나는 상황이면 윗줄 주석제거
}
}
}

//-->
</script>


그리고 아이프레임테그는 아래 처럼 넣어줍니다.


<IFRAME id="iframe_main" name="iframe_main" src="inner_frame.html" marginWidth=0 marginHeight=0 frameBorder=0 width="100%" height="100%" scrolling=no onload="resizeFrame(this.id,false);"></IFRAME>


필요에 따라 topmargin=0 leftmargin=0 을 추가하실수도 있습니다...ㅡ.ㅡ

링크의 타겟지정하실때는 name 이 이용되는거 아시죠? ^^

src 는 알아서 맞추시구요... (제로보드일경우의 예제: src="/bbs/zboard.php?게시판아이디")






홈페이지 알짜팁 : http://tipkorea.com -