[팁]아이프레임 자동조절 아주 잘됩니다. > 그누4 플러그인

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다.
플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

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

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

본문

아래의 소스는 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>

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


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

댓글 전체

강력 추천합니다. 기존 소스에서는 파일 첨부가 여러개로 늘어날 경우...... 아이프레임이 잘립니다. 그래서 일일이 소스를 뒤져서 맨 끝에 br 태그를 여러번 넣어줘야 했어요.. ^^ 잘 늘어나요. 자동으로
© SIRSOFT
현재 페이지 제일 처음으로