본문 바로가기
Language&FrameWorks/JSP

타 도메인 IFRAME 크기 동적 변환

by 감마 2010. 4. 19.
정리!
아이프레임에 타 도메인을 호출 하기 위해 여러 편법들이 나와있으나 2010.04 기준 IE8 과 FF, CROME 등에 적용이
가능토록 수정 보안한 포스트 입니다.

# 크로스 브라우져 연동 방법은 한마디로 "우회"이다.

개요
부모프레임만이 자식 프레임의 크기를 조절 할 수 있다.
자식 프레임은 페이지 로딩이 완료 된 후  Contents Window 의 크기(Weight, Height) 를 부모 프레임에 전달한다.
이때 크로스도메인일 경우 보안 문제가 발생한다.
따라서 자식 프레임에 부모 프레임을 호출할 수 있도록 또한번의 프레임을 삽입하여 접근 할 수 있도록 한다.

총 3개의 파일이 필요하다.
www.abc.com/에서 www.fox.com 을 호출할 페이지 (IFrame 과 응답받을 스크립트 포함)
www.fox.com/ 에서 실행될 페이지, 그리고 abc를 바라 보도록 하는 IFrame과  abc 에서 리사이징할 페이지

예제
www.abc.com (이하 abc) 에서 www.fox.com (이하 fox) 을 호출 해야 할 경 우

abc 페이지에 ifrmae fox를 삽입
fox 페이지에 abc를 컨트롤 하기위한 iframe 삽입.

동작순서 (설명)
abc 호출
IFrame(fox) 수행
IFrame(fox) 의 페이지가 수행 완료 와 함께 weight, height 를 찾음
IFrame(fox (IFrame(abc) ) 구조에서 abc 에 weight , height 를 보내어 abc 에서 컨트롤 하게 함

동작순서 (그림)


동작순서 (코드)

www.abc.com/product.jsp


http://www.fox.com/fox/index.jsp


http://www.fox.com/rsize.jsp



결과 화면
(물론 abc.com, fox.com 은 로컬에서 host 를 잡아서 한거고 이미지만을 캡쳐하여 사용한 것입니다.)






'Language&FrameWorks > JSP' 카테고리의 다른 글

익스플로러 버젼 확인  (0) 2009.10.09
JSP scope  (0) 2009.10.09
한글입력방지  (0) 2009.10.09

댓글