아이프레임 질문입니다.

2017.09.07 15:34:21 2230 (112.♡.♡.84)

본문

게시판 불러온 아이프레임 부분의 높이를 100% 로 하면 저렇게 작아 집니다.

ㅠㅠ 저 부분을 어떻게 해결해야하는건지 모르겠어요. 하다못해 높이라도 밑에까지 내려가면 될것 같은데;; px로 사이즈를 지정하는거 아니면 바뀌질 않습니다 혹시 방법을 알수 있을까요?

          <iframe src="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page="  width="100%" height="100%" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0"></iframe>
            </div>

태그는 저렇게 입력했습니다...

#그누보드5

답변 5

조민 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-09-07 15:39:43 58.♡.♡.124

단지, 아이프레임태그만 적용으로 문서의 높이가 자동으로 변경되지 않습니다.

아이프레임 높이를 자동으로 인식켜 하는 자바스크립트 추가해줘야할듯 싶네요.

그누보드 > 강좌 > 개발자팁 게시판에서 검색을 해서 정보를 얻어보세요.

뚜찌빠찌 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-09-07 15:42:27 121.♡.♡.66

아래처럼 코드를 수정해 보세요.


<iframe src="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=" id="bbs" width="100%" height="100%" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0"></iframe>


<script type="text/javascript">
function reinitIframe(){
	var iframe = document.getElementById("bbs");
	try{
		var bHeight = iframe.contentWindow.document.body.scrollHeight;
		var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
		var height = Math.max(bHeight, dHeight);
		iframe.height = height;
	}catch (ex){}
}
var RI = window.setInterval("reinitIframe()", 200);
</script>

네이비칼라 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-09-07 16:07:52 125.♡.♡.163

구체적으로 뭘 원하시는지는 모르겠지만 간단히 만들어 봤는데

참조만 하시죠. 그리고 숫자로 적당히 조절하시면 되겠네요.


<iframe src="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page="  class="iframe" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>

<script>
var x = (screen.width - 25) + 'px';
var y = screen.height + 'px';

$(function(){
	$(".iframe").css({
		'width':x,
		'height':y
	});
});
</script>