FireFox, IE에서 모두 iframe 사이즈 자동 조절 하는 방법

31367 
Created at 2008-05-03 17:36:09 
323   0   0   0  

iframe을 부득이하게 사용하는 웹페이지를 만들다보면 iframe의 크기를 자꾸 바꿔줘야 하는 경우가 왕왕 발생한다.
다음의 예제는 iframe의 크기를 자동으로 바꿔주는 예제이다.

kurapa.com에도 적용해 보았는데, 잘 동작하는 것을 확인하였다.

<iframe id='ifrm'
                frameborder=0
                width=100%
                height=450
                scrolling=no
                src='http://m.kurapa.com'
></iframe>

<script language='javascript'>

function getDocHeight(doc)
{
  var docHt = 0, sh, oh;
  if (doc.height)
  {
    docHt = doc.height;
  }
  else if (doc.body)
  {
    if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight;
    if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight;
    if (sh && oh) docHt = Math.max(sh, oh);
  }
  return docHt;
}

function getReSize()
{
  var iframeWin = window.frames['ifrm'];

  var iframeEl = window.document.getElementById? window.document.getElementById('ifrm'): document.all? document.all['ifrm']: null;

  if ( iframeEl && iframeWin )
  {
    var docHt = getDocHeight(iframeWin.document);

    if (docHt != iframeEl.style.height) iframeEl.style.height = docHt + 'px';
  }
  else
  { // firefox
    var docHt = window.document.getElementById('ifrm').contentDocument.height;
    window.document.getElementById('ifrm').style.height = docHt + 'px';
  }
}

function getRetry()
{
    getReSize();
    setTimeout('getRetry()',500);
}
getRetry();
</script>



Tags: auto resize iframe iframe reise Share on Facebook Share on X

◀ PREVIOUS
부팅후 및 탐색기실행시 A드라이브 안 읽게 하기
▶ NEXT
유니코드를 안시로, 안시를 유니코드로 변환하는 방법
  댓글 0
로그인을 하시면 댓글을 등록 할 수 있습니다.
OTHER POSTS IN THE SAME CATEGORY

친절한 톰캣(Tomcat)의 기능 개요 및 설치 방법 (created at 2008-12-17)

Solaris에서 Process의 CPU 점유율 측정하는 방법 (created at 2008-12-16)

Tunnelier 부팅 후 자동실행 시키는 방법 (created at 2008-12-09)

PHP로 트랙백 구현하는 원리 (created at 2008-10-17)

PHP로 트랙백 구현하는 방법 (created at 2008-10-17)

태스크바에서 어플리케이션 숨기는 방법 (created at 2008-10-09)

CD/DVD 이미지에서 MD5, SHA1 값 계산하는 쉬운 방법 (created at 2008-10-07)

해킨토시라고도 불리우는 MAC OSX의 PC 설치판 - Leo4All (created at 2008-10-07)

Apple Remote Desktop 3로 원격접속을... (created at 2008-10-05)

맥킨토시에서도 WindowsXP 처럼 원격접속 하는 방법이 있는가? (created at 2008-10-05)

PC에 MAC OS 설치하는 방법 (created at 2008-10-02)

iPhone 프로그래밍에 입문하고자 하는 이들을 위한 책 - 코코아 프로그래밍 (created at 2008-10-02)

윈도우 시스템 종료 이벤트 추적기 죽이는 방법 (created at 2008-09-26)

FindFirstFileEx를 이용하여 폴더 내의 파일 찾아내기 (created at 2008-06-16)

유니코드를 안시로, 안시를 유니코드로 변환하는 방법 (created at 2008-06-14)

부팅후 및 탐색기실행시 A드라이브 안 읽게 하기 (created at 2008-04-10)

실행에서 바로 실행할 수 있는 명령어 (created at 2008-04-10)

SHIFT키의 열가지 기능 (created at 2008-04-10)

지워도 보이는 프로그램 목록 지우기 (created at 2008-04-10)

종료로고만 나오고 전원안꺼질때 (created at 2008-04-10)

익스플로러 시작시 풀스크린으로 항상 시작 (created at 2008-04-10)

로그온 때 메시지 띄우기 (created at 2008-04-10)

시스템 등록 정보에 로고 추가하기 (created at 2008-04-10)

Windows 회사이름과 사용자 이름 바꾸기 (created at 2008-04-10)

무응답 응용프로그램 타임아웃 시간줄이기 (created at 2008-04-10)

Windows Messenger 삭제하는 방법 (created at 2008-04-10)

내컴퓨터의 [공유문서] 제거방법 (created at 2008-04-10)

캐쉬메모리 체적화로 속도 높이기 (created at 2008-04-10)

L2캐쉬 지정으로 속도향상 시키기 (created at 2008-04-10)

실시간 동영상을 끊김없이 감상하기 (created at 2008-04-10)

UPDATES

자리 마음에 안든다고 6급 공무원 패는 농협 조합장 (created at 2024-03-26)

85세 딸 짜장면 사주는 102세 어머니 (created at 2024-03-26)

1990년대 감각파 도둑 (created at 2024-03-26)

치매에 걸린 69살의 브루스 윌리스가 전부인 데미무어를 보고 한 말 (updated at 2024-03-22)

일제강점기가 더 살기 좋았을지도 모른다는 조수연 국민의힘 후보 - 친일파? (updated at 2024-03-14)

성일종 인재육성 강조하며 이토 히로부미 언급 - 인재 키운 선례? (updated at 2024-03-13)

경제는 대통령이 살리는 것이 아닙니다 라던 윤석열대통령 - 상황 안좋아지자 여러 전략을 펼쳤지만, 부작용 속출했던 2024년의 봄 (updated at 2024-03-13)

극빈의 생활을 하고 배운것이 없는 사람은 자유가 뭔지도 모를 뿐 아니라 왜 개인에게 필요한지에 대한 필요성을 못느낀다는 윤석열 대통령 (updated at 2024-03-08)

조선일보를 안본다는 사람들이 말하는 그 이유 - 천황폐하, 전두환 각하, 김일성 장군 만세? (created at 2024-03-07)

광폭타이어를 장착하면 성능이 좋아질거라는 착각 (updated at 2024-03-03)

면허시험장에서 면허갱신하면 하루만에 끝나나? (updated at 2024-03-03)

신한은행/신한투자증권 금융거래 종합보고서 다운로드 방법 (updated at 2024-02-26)

100년 된 일본 장난감 회사가 내놓은 변신 기술에 난리난 과학계 (created at 2024-02-26)

알리에서 발견한 한글 지원하는 가성비 쩌는 무선 기계식키보드 (updated at 2024-02-25)

쌍팔년도가 1988년인줄 알았던 1인 (updated at 2024-02-23)

이쁜 색으로 변신한 테슬라 사이버트럭 (created at 2024-02-23)

2024년 카타르 아시안컵 4강전 전날 한국 대표팀 내부에 있었던 이강인의 폭주 (updated at 2024-02-21)

강릉 맛집 지도 (updated at 2024-02-20)

간이 안좋을 때 나타나는 증상 20가지 (updated at 2024-02-20)

배설물을 이용하여 일본에 저항했던 독립운동가 조명하 (updated at 2024-02-20)

요건 몰랐지롱? 이순신을 사랑한 외국인 (created at 2024-02-20)

원빈도 머리빨 (created at 2024-02-19)

대표적인 대한민국의 미남배우 중 하나인 원빈 (created at 2024-02-19)

백제의 건국 시조 온조왕 (updated at 2024-02-19)

700년동안 대한민국 고대국가의 한축이었던 백제시대 (created at 2024-02-19)

대머리들에게 주는 대머리의 조언 (created at 2024-02-17)

일본의 여성 락그룹 프린세스 프린세스의 "다이아몬드" (created at 2024-02-17)

결혼식 직전 연락두절된 신랑 (created at 2024-02-17)

대한민국 축구팀 파문으로 인해 중국 소셜미디어까지 등장한 탁구 전도사 이강인 (updated at 2024-02-16)

조국의 반격으로 흥미진진하게 흘러가는 한국의 정치판 - 데뷰와 동시에 한동훈 장관에게 던진 4개의 질문 (updated at 2024-02-15)

2024년 카타르 아시안컵 4강전 전날 내분사태로 갑자기 회자되는 이승우선수의 친화력 (created at 2024-02-15)

카카오뱅크 금융거래종합보고서/잔액증명서/거래내역서 발급 방법 (created at 2024-02-14)

아이가 최고의 스승이었다 (created at 2024-02-13)

이제는 국민 유행어로 등극한 한동훈의 "싫으면 시집가" (updated at 2024-02-13)

설 연휴 잔소리 메뉴판 - 이제 잔소리 하기전에 요금부터... (updated at 2024-02-10)

로버트 드니로의 70년 전 모습 (created at 2024-02-08)

카메라 어플로 만들어본 슈퍼걸 - 엄... 최종 작품은 왠지... (created at 2024-02-08)

앞트임 하고 새롭게 태어난 대한민국의 젊은 용사 (created at 2024-02-08)

비가 억수로 내리던 2024년의 2월 어느날 캘리포니아의 밤 카니예 웨스트와 그의 아나 비앙카 센소리 (updated at 2024-02-08)

스케방형사 1화 - 수수께끼의 전학소녀사키 (created at 2024-02-05)

백제와 일본의 교류가 가장 활발했던 시기는 근초고왕 시대 (created at 2024-02-05)

일에 찌들은 아빠가 꿈에서 깨어나지 않자 구출해주는 짱구 (created at 2024-02-03)

이제는 할아버지가 된 휴 그랜트(Hugh Grant)가 블랙핑크 콘서트에 다녀온 후 소감 (created at 2024-02-03)

다시 한번 감상해보는 추억의 날리면 패러디 (updated at 2024-02-01)

25년간 노예로 살다가 돌아온 남동생 (created at 2024-02-01)

가까우면서도 멀게 느껴지는 나라 일본 (created at 2024-02-01)

친구와 비교하다가 이혼하게 된 부부 (created at 2024-02-01)

요꼬 미나미노의 바람의 마도리걸(風のマドリガル) (created at 2024-01-30)

옛날 어린이들이 신문을 챙겨봤던 이유 (created at 2024-01-30)

Remaster된 요꼬 미나미노(南野陽子)의 판도라의 연인(パンドラの恋人) (updated at 2024-01-30)