,게시판에 iframe 넣을때 높이 자동 조절 정보
,게시판에 iframe 넣을때 높이 자동 조절본문
그누보드 글쓸때 아이프레임으로 네이버를 넣어서요.
게시판안의 네이버에서 검색을 했을때
프레임 스크롤이 안생기고 높이가 자동으로 늘어나게 하려면?
어떻게 하나요?
게시판안의 네이버에서 검색을 했을때
프레임 스크롤이 안생기고 높이가 자동으로 늘어나게 하려면?
어떻게 하나요?
추천
0
0
댓글 4개
개이버의 경우, 그런 것 못하도록 자동으로 개이버 화면으로 리로딩하게 되어 있을텐데요...
워낙 폐쇄적인 개이버라... ㅡ.ㅡ;;
뭐...
여기 가서 보세요..
http://cafe.daum.net/jaeilzozo/5koA/316?docid=LvJ5|5koA|316|20060922121959&q=%BE%C6%C0%CC%C7%C1%B7%B9%C0%D3+%C0%DA%B5%BF+%B3%F4%C0%CC&srchid=CCBLvJ5|5koA|316|20060922121959
워낙 폐쇄적인 개이버라... ㅡ.ㅡ;;
뭐...
여기 가서 보세요..
http://cafe.daum.net/jaeilzozo/5koA/316?docid=LvJ5|5koA|316|20060922121959&q=%BE%C6%C0%CC%C7%C1%B7%B9%C0%D3+%C0%DA%B5%BF+%B3%F4%C0%CC&srchid=CCBLvJ5|5koA|316|20060922121959
도메인이 다르면 안될걸요?
헐.. 그냥 링크 거니깐 깨지네요.. 카페라... ㅡ.ㅡ
소스 그냥 붙여 드립니다.
1. 먼저 아이프레임을 적용하려는 문서의 <head> 와 <./head> 사이에...
<script language='xxJavaScript' type='text/xxjavascript'>
<!--
function resizeFrame(iframeObj){
/* 아이프레임에서 읽어들인 페이지의 body */
var innerBody = iframeObj.contentWindow.document.body;
/*
* 특정이벤트 발생시 다시 사이즈 조정!!
* 1. innerBody.xxondbclick = function { resizeFrame(iframeObj, 1);oldEvent; };
* 2. innerBody.xxonmousemove = function { resizeFrame(iframeObj, 1);oldEvent; };
* 3. innerBody.xxonkeydown = function { resizeFrame(iframeObj, 1);oldEvent; };
*/
oldEvent = innerBody.xxonclick;
innerBody.xxonclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
/* 높이 다시설정 */
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
// 넓이 다시설정
var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth);
iframeObj.style.width = innerWidth;
if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
this.scrollTo(1,1);
}
//-->
</script>
2. 그런 다음... 아이프레임을 적용할 곳에...........
<iframe src="불러올 게시판주소나 문서의 주소" xxonload="resizeFrame(this)" scrolling="no" border="0" frameborder="0"></iframe>
소스 그냥 붙여 드립니다.
1. 먼저 아이프레임을 적용하려는 문서의 <head> 와 <./head> 사이에...
<script language='xxJavaScript' type='text/xxjavascript'>
<!--
function resizeFrame(iframeObj){
/* 아이프레임에서 읽어들인 페이지의 body */
var innerBody = iframeObj.contentWindow.document.body;
/*
* 특정이벤트 발생시 다시 사이즈 조정!!
* 1. innerBody.xxondbclick = function { resizeFrame(iframeObj, 1);oldEvent; };
* 2. innerBody.xxonmousemove = function { resizeFrame(iframeObj, 1);oldEvent; };
* 3. innerBody.xxonkeydown = function { resizeFrame(iframeObj, 1);oldEvent; };
*/
oldEvent = innerBody.xxonclick;
innerBody.xxonclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
/* 높이 다시설정 */
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
// 넓이 다시설정
var innerWidth = innerBody.scrollWidth + (innerBody.offsetWidth - innerBody.clientWidth);
iframeObj.style.width = innerWidth;
if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
this.scrollTo(1,1);
}
//-->
</script>
2. 그런 다음... 아이프레임을 적용할 곳에...........
<iframe src="불러올 게시판주소나 문서의 주소" xxonload="resizeFrame(this)" scrolling="no" border="0" frameborder="0"></iframe>
팁&테크 > 자바스크립트 > 87번 게시물인 iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수를 참조해 보세요~
