iframe 크기 안에 들어가는 내용에 맞게 폭, 높이 자동으로 바꾸기
페이지 정보
작성자 서방님 댓글 0건 조회 222회 작성일 06-09-12 17:52본문
객체에 대한 read/write권한을 위해서 같은 계정내의 파일이기만 하면 됩니다.
iframe에 들어갈 파일의 로딩이 완료되는 순간 Resize_Frame() 함수를 호출하여
iframe태그의 width와 height를 강제로 바꿔줍니다.
Windows 2000, IE 6.0 에서는 잘 보이는데 다른 환경에서는 어떨런지 모르겠네요 :)
<html>
<head>
<title> iframe 크기 안에 들어가는 내용에 맞게 폭, 높이 자동으로 바꾸기 </title>
<meta http-equiv="content-type" content="text/html; Charset=euc-kr">
<script language="javascript">
function Resize_Frame(name)
{
var Frame_Body = document.frames(name).document.body;
var Frame_name = document.all(name);
Frame_name.style.width
= Frame_Body.scrollWidth
+ (Frame_Body.offsetWidth-Frame_Body.clientWidth);
Frame_name.style.height
= Frame_Body.scrollHeight
+ (Frame_Body.offsetHeight-Frame_Body.clientHeight);
if (Frame_name.style.height == "0px" || Frame_name.style.width == "0px")
{
Frame_name.style.width = "700px"; //기본 iframe 너비
Frame_name.style.height = "300px"; //기본 iframe 높이
window.status = 'iframe resizing fail.';
}
else
{
window.status = '';
}
}
</script>
<body>
<iframe name="contents" id="contents" src="content.html" marginwidth="1"
marginheight="1" scrolling="no" border="0" frameborder="0"
onLoad="Resize_Frame('contents');"></iframe>
</body>
</html>
출처 : PHPSchool
댓글목록
등록된 댓글이 없습니다.
