본문 바로가기

프로그래밍/JavaScript

iFrame 컨텐츠에 맞게 Resizing

 

1. 타 도메인 컨텐츠를 iFrame에 넣는 경우 Resizing

  

- Javascript는 보안상 이유로 타 도메인의 객체에는 접근 못하게 되어 있음. 따라서 직접적인 Height조절은 안되고 메인 사이트에 특정 Resizing Html을 별도 생성

 

1) 방법

   

- 총 3개의 문서가 필요

 

[ A 사이트 ]

 

a-1 문서 : iframe 을 가진 메인 문서 ( 표출되는 문서 )

a-2 문서 : B사이트 b 문서에서 b 문서 Height 를 알려주는 A 사이트 문서

              Height를 parameter로 B 사이트 b문서에서 받고 a-1의 iframe의 Height를 설정

 

[ B 사이트 ]

 

b 문서 : A 사이트 a 문서의 iframe 에 들어가는 B 사이트 문서

  

 

2) 구현

 

- JQuery 사용

 

[ a-1 문서 ]

 

 

[ b 문서 ]

 

[ a-2 문서 ]

 

 

'프로그래밍 > JavaScript' 카테고리의 다른 글

[jquery] checkbox 전체선택, 전체해제  (0) 2012.11.07
[jquery] ajax 방법  (8) 2012.11.06
location 객체  (0) 2012.09.25
Cookie 관련  (0) 2012.08.30
사용자 함수 모음  (0) 2012.08.30