메뉴 건너뛰기

조회 수 7054 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
iframe사용시 높이 자동 조절   
 
iframe 사용시 iframe의 높이가 내용의 높이만큼 자동으로 조절되는 기능입니다.

아래의 내용을 <head>와 </head>안쪽에 넣는다. 


  1. <script language='JavaScript' type='text/javascript'>
  2. function resizeFrame(iframeObj){
  3.         var innerBody = iframeObj.contentWindow.document.body;
  4.         oldEvent = innerBody.onclick;
  5.         innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
  6.  
  7.         var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
  8.         iframeObj.style.height = innerHeight;
  9.  
  10.         if( !arguments[1] )        /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
  11.                 this.scrollTo(1,1);
  12. }
  13. </script>


iframe을 다음과 같이 넣는다.

--------------------------------------------------------------------------------------------------------
 <iframe width=600 height=600 src="내용의경로" onload="resizeFrame(this)"  frameborder=0></iframe>         
--------------------------------------------------------------------------------------------------------


위와 같이 넣으면 ifrmae의 크기가 자동조절된답니다. 

  1. No Image 11Sep
    by
    2016/09/11 Views 5342 

    디자이너를 위한 레이어 탭 더 빠르게 만들기

  2. No Image 11Sep
    by
    2016/09/11 Views 5949 

    간단하게 우클릭 막는방법

  3. JDK6 (Java SE Development Kit 6)이하 버전 다운로드 주소

  4. 이클립스 실행할때 자신이 원하는 JDK 지정하는 방법

  5. No Image 09Sep
    by
    2016/09/09 Views 7167 

    특정 HTML DOM 엘레멘트로 스크롤 이동하기

  6. No Image 01Sep
    by
    2016/09/01 Views 6821 

    모바일 홈페이지로 자동 이동하는 방법....

  7. No Image 01Sep
    by
    2016/09/01 Views 7293 

    이동 가능한 레이어팝업 소스

  8. No Image 01Sep
    by
    2016/09/01 Views 7391 

    jquery offset()을 이용한 부드러운 스크롤 이동

  9. 이벤트 - 페이지 로드 후 이벤트 처리하기 ( window.onload )

  10. No Image 19Jun
    by 조쉬
    2015/06/19 Views 7054 

    iframe사용시 높이 자동 조절

  11. [라디오버튼 오류 체크] 간단한 문제 예제

  12. 자바스크립트 아이디 기억하기 기능 구현 (쿠키저장)

  13. No Image 19Jun
    by
    2015/06/19 Views 15131 

    공백 검사 함수

  14. No Image 19Jun
    by
    2015/06/19 Views 9185 

    자바스크립트 API 문서

  15. JSON API - JSON.parse(), JSON.stringify() ( json 형태의 문자열을 JSON객체로 , JSON객체를 문자열로 )

  16. 창 크기 최대화 시키기

  17. 예제 - 이미지를 원본 크기로 볼 수 있도록 새창으로 열기 확장 (리사이징 및 이미지 드래그)

  18. Location 객체 - URL 파싱 - URL에서 전달인자 추출하기 함수 작성

  19. 창에 대한 정보얻기 (창 크기, 창 위치)

  20. No Image 19Jun
    by
    2015/06/19 Views 10835 

    핸드폰 번호 일부 마스킹크 작업 (정규식 이용)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved