[팁]아이프레임 자동조절 아주 잘됩니다. 정보
[팁]아이프레임 자동조절 아주 잘됩니다.
본문
아래의 소스는 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>
위의 스크립트가 기존 클럽에서처럼 상단에 위치하면 무한 루프에 빠집니다.
그래서 아이프레임이 계속 늘어나는 현상을 보게됩니다.
깔끔하게 작동하는 것을 확인하실 수 있을 것입니다.
추천
0
0
댓글 전체
열정님의 팁 잘 보고 있습니다.
근데 위 팁의 'club_design.php' 파일이 존재하지 않는데 구 버전에 포함된 파일인가요?
근데 위 팁의 'club_design.php' 파일이 존재하지 않는데 구 버전에 포함된 파일인가요?
ㅋㅋ.....제가 잘못 기록했군요....
아래의 파일을 수정해야 합니다...
club_manager.php
아래의 파일을 수정해야 합니다...
club_manager.php
club용,
이번 주엔 적용해볼려 합니다.
이러다 열정님 팁을 다 모으겠군요 ㅎ
감사~
이번 주엔 적용해볼려 합니다.
이러다 열정님 팁을 다 모으겠군요 ㅎ
감사~
클럽용
아이프레임
강력 추천합니다. 기존 소스에서는 파일 첨부가 여러개로 늘어날 경우...... 아이프레임이 잘립니다. 그래서 일일이 소스를 뒤져서 맨 끝에 br 태그를 여러번 넣어줘야 했어요.. ^^ 잘 늘어나요. 자동으로