[클럽]아이프레임 자동조절 아주 잘됩니다. > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

[클럽]아이프레임 자동조절 아주 잘됩니다. 정보

[클럽]아이프레임 자동조절 아주 잘됩니다.

본문

아래의 소스는 phpschool에서 발췌하였습니다.


###################################################################
                        각 문서의 상단에 있는
                        기존의 아래의 내용을 삭제하세요
                        위의 내용으로 고쳐도 클럽 사용상
                        전혀 문제 되지 않습니다.
                        대신에 클럽이 잘 작동하는 것을
                        확인하게 될 것입니다.

function resizeIFrame()
{
var iframeWin = document.frames['CLUB_BODY'];
var scrollbarWidth = 4;
var iframeWinBody = iframeWin.document.body;
var diffHeight = iframeWinBody.scrollHeight - document.all.CLUB_BODY.style.pixelHeight;

document.all.CLUB_BODY.style.pixelHeight  = document.all.CLUB_BODY.style.pixelHeight + diffHeight + scrollbarWidth;
}

###################################################################




사용방법은 기존 내용을 삭제하시고 아래의 내용은

club_index.php
club_main.php
club_manager.php

파일 내용의 맨 아래에 기록해야합니다.

<iframe width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="<?=$doc?>" name="CLUB_BODY" onLoad="resizeIFrame();location='#'" onChange="resizeIFrame();" ALLOWTRANSPARENCY="true"></iframe>


<script language="javascript">
// iframe 자종 스크롤 조정

// fire fox                   
// ie 6.0                     
// Mozilla 1.75       
// Netscape 7.0
// 위의 브라우져모두 테스트해봤습니다.

function resizeIFrame()
{
      try {
              var objFrame = document.getElementById("CLUB_BODY");
              var objBody = CLUB_BODY.document.body;

              ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight);

              if (ifrmHeight > 300) {
                    objFrame.style.height = ifrmHeight;
              } else {
                    objFrame.style.height = 300;
              }
              objFrame.style.width = '99%'
      } catch(e) {
      };
}

function getRetry()
{
      resizeIFrame();
      setTimeout('getRetry()',500);
}
getRetry();

</script>

위의 스크립트가 기존 클럽에서처럼 상단에 위치하면 무한 루프에 빠집니다.
그래서 아이프레임이 계속 늘어나는 현상을 보게됩니다.


깔끔하게 작동하는 것을 확인하실 수 있을 것입니다.
추천
3

댓글 8개

전체 3,313 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT