Iframe

아이프레임 세로 사이즈 자동조절 소스

아이프레임으로 작업을 하다보면 세로사이즈가 고정된 페이지인 경우에는 문제가 안되지만 세로사이즈가 유동적일때는 참 곤란 합니다. 이럴때 아이프레임의 세로사이즈를 100%로 만드는 방법입니다.

iframe 이 들어갈 페이지에 아래 스크립트 삽입 

ie 만 되는 듯…

<script> 
function doResize() 
{ 
container.height = myframe.document.body.scrollHeight; 
container.width = myframe.document.body.scrollWidth; 
} 
</script> 

iframe 구문에 onload="doResize()" 삽입 

사용하는 페이지와 불러올 아이프레임이..같은 서버에 있어야만 실행..다른 서버에 있는 페이지 불러오면..아마 권한이 없어서 에러날듯..~

<iframe src="프레임에 들어갈 문서" scrolling=no name="myframe" width="100%" height="100%" 
marginwidth="0" marginheight="0" frameborder="no" onload="doResize()"></iframe>

아이프레임의 크기를.. 자동으로 바꿔주는 스크립트입니다. 간단하면서도.. 꽤 유용할꺼 같아서 올립니다. ^^ iframe에 들어갈 파일의 로딩이 완료되는 순간 doResize() 함수를 호출하여 iframe을 포함하는 TD태그의 width와 height를 강제로 바꿔줍니다.  iframe 에  name=myframe 주는거랑..  onload=doResize() 함수 호출하는거랑.. td에 id=container 주는거랑만 주의하면.. 될듯..

test

새 옶션 seamless

<head>
...
<script>
function doResize() 
{ 
container.height = myframe.document.body.scrollHeight; 
container.width = myframe.document.body.scrollWidth; 
} 
</script>
</head>
<body>
 
<?php if ($xe!=null) 
 echo '<iframe src="www.animint.net/xe?act=...." scrolling=no name="myframe" width="100%" height="100%" 
marginwidth="0" marginheight="0" frameborder="no" onload="doResize()"></iframe> ';
 
else tpl_contents();
 
?>
</body>
 
....
누구나 수정하실 수 있습니다. 문법은 Formatting Syntax참조하세요.