[클럽]아이프레임 자동조절 아주 잘됩니다. 정보
[클럽]아이프레임 자동조절 아주 잘됩니다.관련링크
http://www.sir.co.kr
181회 연결
본문
아래의 소스는 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>
위의 스크립트가 기존 클럽에서처럼 상단에 위치하면 무한 루프에 빠집니다.
그래서 아이프레임이 계속 늘어나는 현상을 보게됩니다.
깔끔하게 작동하는 것을 확인하실 수 있을 것입니다.
###################################################################
각 문서의 상단에 있는
기존의 아래의 내용을 삭제하세요
위의 내용으로 고쳐도 클럽 사용상
전혀 문제 되지 않습니다.
대신에 클럽이 잘 작동하는 것을
확인하게 될 것입니다.
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
3
댓글 8개
감사합니다
정말 좋네요
감사합니다
감사합니다
감사합니다. 대단합니다 ^^
크롬에선 어떤가요?
감사합니다....이걸 얼마나 찾았는지....
이걸 어디다 써야하나요? 사용법좀..
좀더 자세히 설명 해주시기 부탁드려요
해봤는데 잘 안되네요
해봤는데 잘 안되네요
감사해요~