태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

다른 도메인간 iframe 크기 자동조절

12년 전

a.com이라는 도메인에서 b.com의 b.html을 불러올때.. 크기를 자동으로 조절하기 위한 방법입니다.

먼저 a라는 홈페이지에 auto_size.html을 만듭니다.
====================== auto_size.html  - a.com =========================
<html>
  <head>
    <title>Resizing Page</title>
    <script type="text/javascript">
      function onLoad() {
        var params = window.location.search.substring( 1 ).split( '&' );
        var height;
        for( var i = 0, l = params.length; i < l; ++i ) {
          var parts = params[i].split( '=' );
          switch( parts[0] ) {
          case 'height':
            height = parseInt( parts[1] );
            break;
          }
        }
        if( typeof( height ) == 'number' ) {
          window.top.updateIFrame( height );
        }
      }

    window.onload = onLoad;
    </script>
  </head>
  <body>
    <p>Resizing IFrame...</p>
  </body>
</html>
=======================================================

그리고 a라는 홈페이지에서 링크할 문서에는 아래와 같이 삽입합니다.
======================= a.html - a.com ===================
<script type="text/javascript">
      function updateIFrame( height ) {
        var iframe = document.getElementById( 'myiframe' );
        iframe.setAttribute( 'height', height );
      }
    </script>
http://b.com/b.html" scrolling=no frameborder=0 width="600" height="600">

이제 b라는 도메인의 b.html에는 아래와 같이 삽입합니다.
================== b.html  - b.com============================
<style>
  #inneriframe { position : absolute; top : 0px; left : 0px; visibility: hidden; }
</style>

    <script type="text/javascript">
      function rsize() {
      var iframe = document.getElementById( 'inneriframe' );
        var wrapper = document.getElementById( 'wrapper' );
        var height = Math.max( document.body.offsetHeight, document.body.scrollHeight );
        iframe.src = 'http://a.com/auto_size.html?height='+height;      }
    </script>

<body onload=rsize(); >
<div id=wrapper>
  내용
</div>
  <iframe id="inneriframe" width="10" height="10"></iframe>
</body>

추천 목록

번호	제목
2,195	항상 한글로 나오도록 해더설정
2,194	무조건 알아야 할 PHP 속도 테스트 14 가지
2,193	간단한 달력구현
2,192	PHP로 작동하는 RSS 읽는 함수
2,191	플래시 파일 정보 얻어오는 소스(PHP)
2,190	문자열을 X로 마킹하는 함수
2,189	select multiple 이용한 다중값 받아오기
2,188	멀티 파일 업로드 예제 (Flex2+PHP)
2,187	Flex 2 와 PHP+MYSQL 연동 예제
2,186	DB 내용 엑셀로 뽑아오기 ( 파워포인트, MS 워드가능 )
2,185	일정시간 이 지난 게시물 정리하기
2,184	RSS를 이용한 최근게시물 뽑기
2,183	간단한 금지단어 필터링
	다른 도메인간 iframe 크기 자동조절
2,181	주요사이트들의 링크인기도 를 가져와서 보여주기
2,180	파일 이름에서 확장자 추출
2,179	http://홈주소/?mode=xxx 하는방법
2,178	사이트 방문경로와 검색한 단어 알기
2,177	문장에서 특정단어에 효과주기마스터
2,176	PHP를 이용한 이미지 사이즈 편집마스터
2,175	페이징- 다중 정렬 : 오름, 내림, 보통
2,174	세션을 이용한 동시 로그인 방지
2,173	현재 디렉토리(폴더) 파일 목록 보기, PHP소스
2,172	디렉토리내의 모든 파일 및 폴더 삭제 함수 (Recursive call)
2,171	Flex와 MySQL의 연동 (PHP사용)
2,170	flex + php + mysql
2,169	MySQL에 있는 레코드를 php를 사용해서 XML로 변환하기
2,168	금액을 한글로 표기 해주는 스크립트
2,167	홈페이지 동시접속자수 구현을 위한 PHP 소스 코드
2,166	여러 게시판의 값들을 가져와서 정렬하기