아이프레임 리사이징 & 뒤로가기잠금 프로그램/- Script 2011. 7. 5. 18:24
첨부파일이 잘됨

타 도메인 IFrame 높이 조절하기.pdf



1. 방법
    function init(){
        var pFrame = contentFrame.document.body;
        var cFrame = document.getElementById("contentFrame")

        cFrame.style.height = pFrame.scrollHeight + (pFrame.offsetHeight - pFrame.clientHeight);
    }
    window.onload = function(){
        init();
    }

    <iframe src="/Iframe/iframe.aspx" width="100%" height="100%" scrolling="no" id="contentFrame" name="contentFrame" frameborder="0" marginheight="0" marginwidth="0"></iframe>


2.방법 

//사용Page

<iframe src="아이프레임.html" id="iframe1100"  frameborder="0" scrolling="no" width="100%" />

 //아이프레임.html  아이프레임 페이지

<script type="text/javascript">

$(document).ready(function() {

//페이지로드후 리사이징 시작
    do_resize();

//리사이징후 스크롤  Top
parent.document.documentElement.scrollTop = 0;
});

 //아이프레임 리사이징
function do_resize() {
    var bodyHeight = $('#divSub3body').height();
    var bodyWidth = $('#divSub3body').width();
    self.resizeTo(bodyWidth, bodyHeight + 10);
}

//뒤로가기잠금
window.history.forward(1);

</script>

<div id="divSub3body">

내용

내용

내용

내용

내용

내용

내용

내용

내용

</div>

'프로그램 > - Script' 카테고리의 다른 글

Facebook LikeBox  (0) 2011.10.11
로컬 스토리지  (0) 2011.09.23
[Jquery]영역의 높이 너비 값 구하기  (0) 2011.08.03
글자수 체크  (0) 2011.08.03
Base64 인코딩, 디코딩 변환  (0) 2011.03.30
,

티스토리툴바