아이프레임 높이 조절에 대하여...
본문
페이지내에 아이프레임소스를 사용하여 게시판을 삽입하고 있습니다.
그런데 늘어나는 것에 대한 높이 조절은 되는데 줄어드는것에 대한 높이 조절은 되지 않네요^^;;
일단 헤드에 아래 스크립트를 넣었습니다.
<script language="javascript">
function autoResize(i)
{
var iframeHeight =
(i).contentWindow.document.body.scrollHeight;
(i).height = iframeHeight+20;
}
</script>그리고 아이프레임 소스는 이거구요
<?
$pid="2_3"; //게시판코드
if($no){
?>
<iframe id="ifrm" onload="autoResize(this)" name="isbd_main" src="<?=$g4[path]?>/bbs/board.php?bo_table=<?=$pid?>&wr_id=<?=$no?>" frameBorder="0" width="100%" height="100%" scrolling="no"></iframe>
<?}else{?>
<iframe id="ifrm" onload="autoResize(this)" name="isbd_main" src="<?=$g4[path]?>/bbs/board.php?bo_table=<?=$pid?>" frameBorder="0" width="100%" height="100%" scrolling="no"></iframe>
<?
}
?>왠 안될까요??
답변 2
저도 애 먹었던 것인데요~
스크립트 이것저것 한 20-30개 정도를 적용하여 보았는데 결국 해결을 하였습니다.
확인해본 결과 ie, ff, 크롬에서 작동이 잘 되었습니다.
<!-- 아이프레임 창 높이 조절 소스 -->
<script type="text/javascript">
function resizeFrame(frm) {
frm.style.height = "auto";
contentHeight = frm.contentWindow.document.body.scrollHeight;
frm.style.height = contentHeight + 4 + "px";
}
</script>
<!-- 아이프레임 조절 끝 -->
<!--- 삽입 주소 시작 --->
<iframe src="나타내야할 주소" onload=resizeFrame(this) scrolling="no" frameborder="0" width="840" height="1000"></iframe>
<!--- 삽입 주소 끝 --->
그대로 넣으십시오~
height="1000"은 그대로 넣으시고 width만 알맞게 손을 보십시오~
고무줄처럼 잘 늘어나고 잘 줄어듭니다.
아이프레임은 가급적 사용하지 않는 것이 좋지만 그래도 필요한 곳이 있지요~ㅎ
저도 여기서 많은 도움을 받고 있습니다.
늘 감사하지요~
그럼 성공하시기를...^^)
해결했습니다. 감사합니다.
당영님 감사합니다