아이프레임 자동으로 늘어나는 자바 스크립트. 정보
JavaScript 아이프레임 자동으로 늘어나는 자바 스크립트.
본문
말 그대로 아이프레임 사용시 테이블이 자동으로 늘어나는 팁입니다..
노프레임 홈페이지에 사용하지 않고 테이블로만 구성된 홈페이지에 맞게끔 적어봤습니다..
아이프레임에 게시판 붙여서 쓰시는 분들중에 아이프레임에 스크롤생기고 전체브라우저에 스크롤 생기고..
너무 불편하셨죠? 이걸 한방에 날려드리겠습니다..ㅎㅎ
우선 ★<head> </head> 사이에★
------------------------------------------------------------------------------------------------------------------------------------
<script Language='javascript'>
var ifrmHeight;
var objFrame;
var str;
var cstr;
function init() {
try{
objFrame = document.all["ifrm"];
str = window.clipboardData.getData("Text");
cstr = str.split("|");
ifrmHeight= eval(cstr[1]);
}catch(e){
}
}
function reSize() {
try{
if (ifrmHeight > 240) {
objFrame.style.height = ifrmHeight;
}else{
objFrame.style.height = 240;
}
}catch(e){
}
}
function init_iframe() {
reSize();
setTimeout("init_iframe()",100);
}
init_iframe();
</script>
------------------------------------------------------------------------------------------------------------------------------------
★아이프레임 삽입할 테이블에는 ★
------------------------------------------------------------------------------------------------------------------------------------
<iframe src="http://게시판주소" name="ifrm" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="init()" scrolling="no"></iframe>
------------------------------------------------------------------------------------------------------------------------------------
그리고, 여기서 끝나는게 아닙니다.
★아이프레임에 삽입된 게시판(관리자모드)으로 가셔서 "게시판 하단에 출력할 내용 부분에"★
------------------------------------------------------------------------------------------------------------------------------------
</div>
<script language="javascript">
window.clipboardData.setData('Text', document.body.scrollWidth+"|"+document.body.scrollHeight);
</script>
------------------------------------------------------------------------------------------------------------------------------------<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
노프레임 홈페이지에 사용하지 않고 테이블로만 구성된 홈페이지에 맞게끔 적어봤습니다..
아이프레임에 게시판 붙여서 쓰시는 분들중에 아이프레임에 스크롤생기고 전체브라우저에 스크롤 생기고..
너무 불편하셨죠? 이걸 한방에 날려드리겠습니다..ㅎㅎ
우선 ★<head> </head> 사이에★
------------------------------------------------------------------------------------------------------------------------------------
<script Language='javascript'>
var ifrmHeight;
var objFrame;
var str;
var cstr;
function init() {
try{
objFrame = document.all["ifrm"];
str = window.clipboardData.getData("Text");
cstr = str.split("|");
ifrmHeight= eval(cstr[1]);
}catch(e){
}
}
function reSize() {
try{
if (ifrmHeight > 240) {
objFrame.style.height = ifrmHeight;
}else{
objFrame.style.height = 240;
}
}catch(e){
}
}
function init_iframe() {
reSize();
setTimeout("init_iframe()",100);
}
init_iframe();
</script>
------------------------------------------------------------------------------------------------------------------------------------
★아이프레임 삽입할 테이블에는 ★
------------------------------------------------------------------------------------------------------------------------------------
<iframe src="http://게시판주소" name="ifrm" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="init()" scrolling="no"></iframe>
------------------------------------------------------------------------------------------------------------------------------------
그리고, 여기서 끝나는게 아닙니다.
★아이프레임에 삽입된 게시판(관리자모드)으로 가셔서 "게시판 하단에 출력할 내용 부분에"★
------------------------------------------------------------------------------------------------------------------------------------
</div>
<script language="javascript">
window.clipboardData.setData('Text', document.body.scrollWidth+"|"+document.body.scrollHeight);
</script>
------------------------------------------------------------------------------------------------------------------------------------<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
추천
0
0
댓글 1개
게시판테이블자동조절