아이프레임 자동으로 늘어나는 자바 스크립트.
말 그대로 아이프레임 사용시 테이블이 자동으로 늘어나는 팁입니다..
노프레임 홈페이지에 사용하지 않고 테이블로만 구성된 홈페이지에 맞게끔 적어봤습니다..
아이프레임에 게시판 붙여서 쓰시는 분들중에 아이프레임에 스크롤생기고 전체브라우저에 스크롤 생기고..
너무 불편하셨죠? 이걸 한방에 날려드리겠습니다..ㅎㅎ
우선 ★<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>
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 1개