아이프레임 사이즈 자동조절 정보
아이프레임 사이즈 자동조절
본문
요즘들어 질문을 자주하게 됩니다!
위 링크에 접속
좌측 메뉴 아무곳이나 들어가서 글쓰기 누릅니다.
파일추가 버튼을 계속 눌러보세요.
아이프레임이라서 그런지 전체가 늘어나지 않고 숨어버리네요~ ^ ^;;
즉, 아래 링크와 동일한 현상 입니다.
아이프레임 사이즈 자동 조절은 다음 링크의 팁을 이용하였습니다.
해결 방안을 주세요....
또 다른 스크롤은 안돼요~ ㅡ ㅡ;
또 하나!
아래 링크에 있는 것도... ^ ^;;
댓글 전체
제가 사용하고 있는 방법이며 참고해 보세요.
익스와 불여우 에서 별문제없이 작동하더군요.
head 에 들어갈 스크립트
<script language="JavaScript">
<!--
function calcHeight()
{
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;
document.getElementById('the_iframe').height=
the_height;
}
//-->
</script>
위처럼 넣어준후
아이프레임을 불러올 곳에
<iframe width="495" id="the_iframe"
onLoad="calcHeight();"
src="<?=$list_link?>"
name="avatax_list"
scrolling="no"
frameborder="0"
height="100%">
</iframe>
익스와 불여우 에서 별문제없이 작동하더군요.
head 에 들어갈 스크립트
<script language="JavaScript">
<!--
function calcHeight()
{
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;
document.getElementById('the_iframe').height=
the_height;
}
//-->
</script>
위처럼 넣어준후
아이프레임을 불러올 곳에
<iframe width="495" id="the_iframe"
onLoad="calcHeight();"
src="<?=$list_link?>"
name="avatax_list"
scrolling="no"
frameborder="0"
height="100%">
</iframe>
답변 감사합니다. 허나 파일 추가 할 때에는 속으로 숨어버려용 ~_~