iframe 사이즈 늘리기(2)
ie, firefox에서 둘다 높이가 잘 늘어난다.
- ex1.html
<script type="text/javascript">
function resizeIFrame(name) {
var the_height = document.getElementById(name).contentWindow.document.body.scrollHeight;
document.getElementById(name).height= the_height;
}
</script>
<a href="javascript
<iframe border="0" src="ifPage.html" framespacing="0" width="624" height="150" name="booking" id="booking" noresize scrolling="no" marginwidth=0 marginheight=0 frameborder=0 onload="resizeIFrame('booking');" ></iframe>
- ifPage.html
<script language="JavaScript" type="text/JavaScript">
// iFrame 사이즈 조절
function iframe_reset(){
parent.frames.resizeIFrame("booking");
}
function test() {
var str = "<br />a<br />";
for(var i=0; i<1000; i++) {
str = str + i + "<br />";
}
document.getElementById("contents").innerHTML = str;
iframe_reset();
}
</script>
<body>
<div id="page_content" style="width:100%; position:
This is my HTML page. <a href="javascript
<a href="javascript
<div id="contents"></div>
</div>
</body>
'programming > jsp' 카테고리의 다른 글
| javascript array 1개인 경우 (0) | 2012.03.21 |
|---|---|
| radio button disabled (0) | 2012.03.21 |
| prototype select box 값 가져오기 (0) | 2012.03.21 |
| innerHTML (0) | 2012.03.21 |
| parent에서 iFrame함수 호출하기 (0) | 2012.03.21 |