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

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

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


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

댓글 8개

정말 좋네요
감사합니다
감사합니다. 대단합니다 ^^
크롬에선 어떤가요?
감사합니다....이걸 얼마나 찾았는지....
이걸 어디다 써야하나요? 사용법좀..
좀더 자세히 설명 해주시기 부탁드려요
해봤는데 잘 안되네요
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

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

+
제목 글쓴이 날짜 조회
18년 전 조회 6,468
18년 전 조회 5,586
18년 전 조회 4,870
18년 전 조회 3,273
18년 전 조회 6,851
18년 전 조회 5,733
19년 전 조회 3,167
19년 전 조회 5,098
19년 전 조회 7,815
19년 전 조회 6,583
19년 전 조회 3,995
19년 전 조회 7,706
19년 전 조회 9,032
19년 전 조회 4,847
19년 전 조회 4,253
19년 전 조회 6,324
19년 전 조회 3,740
19년 전 조회 4,890
19년 전 조회 3,098
19년 전 조회 2,691