묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
게시판의 내용에 따라서 자동으로 늘어나는 소스에 관하여 질문 ~
2005.04.19 13:01
게시판의 내용에 따라서 자동으로 늘어나는 소스에 관하여 질문 ~
nzeo사랑 2005-04-18 10:48:05, 조회수 : 23
게시판의 내용에 따라서 자동으로 늘어나는 소스에 관하여 질문 ~
⑥ 질문 내용 : 안녕하세요 즐거운 하루들 되시구요^^;
다름이 아니오라 게시판을 클릭했을때 내용에따라서 자동으로 늘어나는 소스를 적용했습니다.
세로는 알아서 늘어나는데^^; 가로가 반이상이 짤려버렸어요^^ 외그런지 부탁좀 드립니다^^*
* 여기부터는 자동으로 늘어나는 소스를 위 주소지 html에 넣은 소스입니다. 잘못된 부분좀 알여주세요^^;
--------------------------------------------------------------------------------------------------
1/ 아래는 헤드와 헤드삽입한 스트립입니다.
<head>
<!------------아이 프레임 자동 넓이 조절 스트립--------------------------->
<script language='JavaScript' type='text/javascript'>
<!--
function resizeFrame(iframeObj){
/* 아이프레임에서 읽어들인 페이지의 body */
var innerBody = iframeObj.contentWindow.document.body;
/*
* 특정이벤트 발생시 다시 사이즈 조정!! ( 윤상권님의 지적 )
* ex )
* 항상 들어가야할 내용 입니다.
* 혹시 아이프레임 속에 BODY 에 이미 이벤트가 정의 되어 있을경우를 위해
* oldEvent = innerBody.ondbclick;
* 위와 같은 식으로 이벤트를 백업받아놓으면 될듯 합니다.
* 1. innerBody.ondbclick = function { resizeFrame(iframeObj, 1);oldEvent; };
* 2. innerBody.onmousemove = function { resizeFrame(iframeObj, 1);oldEvent; };
* 3. innerBody.onkeydown = function { resizeFrame(iframeObj, 1);oldEvent; };
*/
oldEvent = innerBody.onclick;
innerBody.onclick = 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/ 아래는 게시판을 집어넣은 아이프레임 테그입니다.
<p style="margin-top:0; margin-bottom:5; margin-left:30;">
<iframe src="http://inno.mireene.com/bbs/zboard.php?id=installment1_1new" onload="resizeFrame(this)" scrolling="no" frameborder="0" ></iframe>
</p>
무엇이 문제길래^^ 가로크기가 짤리는 것인지요^^?
좋은 제공을 전해주는 ~제로보드 *♥ 감사와 사랑을 ~
nzeo사랑 2005-04-18 10:48:05, 조회수 : 23
게시판의 내용에 따라서 자동으로 늘어나는 소스에 관하여 질문 ~
⑥ 질문 내용 : 안녕하세요 즐거운 하루들 되시구요^^;
다름이 아니오라 게시판을 클릭했을때 내용에따라서 자동으로 늘어나는 소스를 적용했습니다.
세로는 알아서 늘어나는데^^; 가로가 반이상이 짤려버렸어요^^ 외그런지 부탁좀 드립니다^^*
* 여기부터는 자동으로 늘어나는 소스를 위 주소지 html에 넣은 소스입니다. 잘못된 부분좀 알여주세요^^;
--------------------------------------------------------------------------------------------------
1/ 아래는 헤드와 헤드삽입한 스트립입니다.
<head>
<!------------아이 프레임 자동 넓이 조절 스트립--------------------------->
<script language='JavaScript' type='text/javascript'>
<!--
function resizeFrame(iframeObj){
/* 아이프레임에서 읽어들인 페이지의 body */
var innerBody = iframeObj.contentWindow.document.body;
/*
* 특정이벤트 발생시 다시 사이즈 조정!! ( 윤상권님의 지적 )
* ex )
* 항상 들어가야할 내용 입니다.
* 혹시 아이프레임 속에 BODY 에 이미 이벤트가 정의 되어 있을경우를 위해
* oldEvent = innerBody.ondbclick;
* 위와 같은 식으로 이벤트를 백업받아놓으면 될듯 합니다.
* 1. innerBody.ondbclick = function { resizeFrame(iframeObj, 1);oldEvent; };
* 2. innerBody.onmousemove = function { resizeFrame(iframeObj, 1);oldEvent; };
* 3. innerBody.onkeydown = function { resizeFrame(iframeObj, 1);oldEvent; };
*/
oldEvent = innerBody.onclick;
innerBody.onclick = 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/ 아래는 게시판을 집어넣은 아이프레임 테그입니다.
<p style="margin-top:0; margin-bottom:5; margin-left:30;">
<iframe src="http://inno.mireene.com/bbs/zboard.php?id=installment1_1new" onload="resizeFrame(this)" scrolling="no" frameborder="0" ></iframe>
</p>
무엇이 문제길래^^ 가로크기가 짤리는 것인지요^^?
좋은 제공을 전해주는 ~제로보드 *♥ 감사와 사랑을 ~