브라우저 종류에 상관없이 자동으로 조절되는 iframe 정보
펌 브라우저 종류에 상관없이 자동으로 조절되는 iframe관련링크
본문
<script language="javascript">
// iframe 자종 스크롤 조정
// fire fox
// ie 6.0
// Mozilla 1.75
// Netscape 7.0
// 위의 브라우져모두 테스트해봤습니다.
function getReSize()
{
try {
var objFrame = document.getElementById("ifrm");
var objBody = ifrm.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()
{
getReSize();
setTimeout('getRetry()',500);
}
getRetry();
</script>
사용법은 단순히 ifrmae 에 id 값을 주고 자바스크립트에서 getRetry 값을 주면 됩니다.
<html>
<head>
</head>
<body>
<iframe id="ifrm" ...>
<script>
.... 위의 소스
</script>
</body>
</html>
// iframe 자종 스크롤 조정
// fire fox
// ie 6.0
// Mozilla 1.75
// Netscape 7.0
// 위의 브라우져모두 테스트해봤습니다.
function getReSize()
{
try {
var objFrame = document.getElementById("ifrm");
var objBody = ifrm.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()
{
getReSize();
setTimeout('getRetry()',500);
}
getRetry();
</script>
사용법은 단순히 ifrmae 에 id 값을 주고 자바스크립트에서 getRetry 값을 주면 됩니다.
<html>
<head>
</head>
<body>
<iframe id="ifrm" ...>
<script>
.... 위의 소스
</script>
</body>
</html>
<출처> 엠파스 블로그
추천
0
0
댓글 4개
테스트?!
안 해 봤습니다.
내용?!
그대로 긁어 왔습니다.
무결성?!
직접 구현해 보시기 바랍니다.
안 해 봤습니다.
내용?!
그대로 긁어 왔습니다.
무결성?!
직접 구현해 보시기 바랍니다.
나스카님 감사합니다 ^^
클럽에 적용해 보도록 하겠습니다. 흐미~
클럽에 적용해 보도록 하겠습니다. 흐미~
cheditor 이거 정말 부앳가심이군요.
수정 할라고 했더만...
수정 페이지에서는 이미 소스코드가 적용되어서
무슨 글자 구경을 할 수가 있어야지요.
수정 할라고 했더만...
수정 페이지에서는 이미 소스코드가 적용되어서
무슨 글자 구경을 할 수가 있어야지요.
저가 테스트해보겠습니다.,
fedora 3 에서 인터넷익스로 부른 결과 폭이 작동 하지 않습니다.
fedora 3 에서 인터넷익스로 부른 결과 폭이 작동 하지 않습니다.