이야기
아이프레임 자동으로 늘어나는 자바 스크립트.
말 그대로 아이프레임 사용시 테이블이 자동으로 늘어나는 팁입니다..
노프레임 홈페이지에 사용하지 않고 테이블로만 구성된 홈페이지에 맞게끔 적어봤습니다..
아이프레임에 게시판 붙여서 쓰시는 분들중에 아이프레임에 스크롤생기고 전체브라우저에 스크롤 생기고..
너무 불편하셨죠? 이걸 한방에 날려드리겠습니다..ㅎㅎ

우선 ★<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>

------------------------------------------------------------------------------------------------------------------------------------

요로코롬 해주면 끝~~ 
nzeo 및 지식인등등 여러군데 찾아봤지만 안되더라구요..그래서 결국 친구놈에게 물어물어 했습니다..
밥이라도 한끼 사줘야겠어요..
진짜 1년넘게 찾던걸 1시간만에 해결하다니..이래서 디자이너도 프로그래밍을 배워야함을 절실히 느꼈습니다..
아참..테스트해본결과 몇몇 게시판에선 작동이 안되더군요..이유는 저도 모릅니다..-_-(90%이상은 작동할듯..)

이 게시물을

에디터 선택

※ 주의 : 페이지가 새로고침됩니다

이 댓글을 삭제하시겠습니까?

제목
날짜
2012.06.11

SEARCH