LINUX-HTML TIPS


  (2004-01-15 10:12:09, Hit : 3683, Vote : 854
 Iframe resize

Iframe 이 편리하여 널리 사용되는 추세입니다. 그러나 iframe 의 Width 와 Height를 미리 정하게 돼있어  여기에 실리는 html 문서(게시판)와 그 크기가 맞지 않아 불필요하고 불편한 스크롤바다 생기게 됩니다. 깔금하지도 않고 특히 Iframe 을 이용하여 소위 No frame 홈피를 만드려는 분께는 치명적(?)입니다.

여기 저기 보니 많은 사람이 많은 방법을 사용했으나 그 중 가장 잘되며 아주 짧고 이해가 쉬운 것 2개를 골랐습니다. 하나는 미국 사이트이고 하나는 국내 사이트(msarang)입니다. 이 분들께 감사하는 마음 전하고 우리는 열심히 잘 써서 보답합시다.

1. 미국 사이트

<script language="JavaScript">
<!--
function calcHeight()
{
var the_height=document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
document.getElementById('the_iframe').style.height=the_height;
}
//-->
</script>

<iframe width="800" id="the_iframe" onLoad="calcHeight();" src="innerFRame.html" scrolling="no" frameborder="0">
</iframe>

2. 국내 사이트, 테이블 처리

<script>
function if_Resize()
{
if_td.height = myframe.document.body.scrollHeight;
if_td.width = myframe.document.body.scrollWidth;
}
</script>
</head>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="if_td">
<iframe src="innerFrame.html" name="myframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="if_Resize()"></iframe>
</td>
</tr>
</table>

중요한 것은  Iframe 에서는 동일 도메인 문서(게시판 등)만 처리합니다. 다른 사이트 것은 불러들이지 않습니다.




Too many limits on uploading files more than 2~10 mega byte [3]
php4로 업글하고 나서 헤맨 일... <?php or <?

Copyright 1999-2019 Zeroboard / skin by zero