혹시 iframe 동적 리사이즈 소스좀 가지고 계신분 계신가요 ?? 정보
혹시 iframe 동적 리사이즈 소스좀 가지고 계신분 계신가요 ??
본문
대부분 보면 동적 소스라고 해서 많이 보기는 했는데
만약 아이프레임으로 게시판을 넣었다고 가장하면 ..
최초에만 리사이즈가 되고 어떤건 익스에서만 되고 ..
만약에 게시판의 리스트에서 내용을 클릭을 하면 자동으로 변해야 동적인데 ..
대부분 최초에만 리사이즈가 되고 그안에서는 자동으로 리사이즈가 안되던데 ..
또 어떤건 된다 싶어서 보면 .. 익스와 파이어 폭스에서만 되고 ..
이러던데 혹시 익스 / 파폭 / 크롭 / 오페라 / 사파리 등 크로스 브라우징 된
소스 알고 계시는거 있으신가요 ?? ^^;;
질답 게시판을 다 뒤져서 다 적용 해봤는데 다 된다고 하는 소스들 조차 최초 한번만
리사이즈가 되더라구요 ^^;; 그 안에서 전혀 변하지 않는 .;;
만약 아이프레임으로 게시판을 넣었다고 가장하면 ..
최초에만 리사이즈가 되고 어떤건 익스에서만 되고 ..
만약에 게시판의 리스트에서 내용을 클릭을 하면 자동으로 변해야 동적인데 ..
대부분 최초에만 리사이즈가 되고 그안에서는 자동으로 리사이즈가 안되던데 ..
또 어떤건 된다 싶어서 보면 .. 익스와 파이어 폭스에서만 되고 ..
이러던데 혹시 익스 / 파폭 / 크롭 / 오페라 / 사파리 등 크로스 브라우징 된
소스 알고 계시는거 있으신가요 ?? ^^;;
질답 게시판을 다 뒤져서 다 적용 해봤는데 다 된다고 하는 소스들 조차 최초 한번만
리사이즈가 되더라구요 ^^;; 그 안에서 전혀 변하지 않는 .;;
추천
0
0
댓글 1개
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=10513&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%C5%AC%B7%B4&sop=and&page=1
클럽에 사용된소스인데요...
클럽에서는 파폭,오페라,익스6등등 잘작동합니다.
수정해서쓰시면...
아래소스는 전에 썼던건데 잘작동하는것으로 기억됩니다..
아래의 내용을 <head>와 </head>안쪽에 넣는다.
---------------------------------------------------------------------
<script language='JavaScript' type='text/javascript'>
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
oldEvent = innerBody.onclick;
innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
this.scrollTo(1,1);
}
</script>
---------------------------------------------------------------------
iframe을 다음과 같이 넣는다.
---------------------------------------------------------------------
<iframe width=600 height=600 src="내용의경로" onload="resizeFrame(this)" frameborder=0></iframe>
---------------------------------------------------------------------
클럽에 사용된소스인데요...
클럽에서는 파폭,오페라,익스6등등 잘작동합니다.
수정해서쓰시면...
아래소스는 전에 썼던건데 잘작동하는것으로 기억됩니다..
아래의 내용을 <head>와 </head>안쪽에 넣는다.
---------------------------------------------------------------------
<script language='JavaScript' type='text/javascript'>
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
oldEvent = innerBody.onclick;
innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;
if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
this.scrollTo(1,1);
}
</script>
---------------------------------------------------------------------
iframe을 다음과 같이 넣는다.
---------------------------------------------------------------------
<iframe width=600 height=600 src="내용의경로" onload="resizeFrame(this)" frameborder=0></iframe>
---------------------------------------------------------------------