iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수

티파니

· 2009-01-17 (토) 00:42:48 · 조회 2952 2952 · 댓글 3 3

/* iframe Resizing
익스플로러 6, 넷스케이프 8 이상에서 작동
너비는 적용안되고 높이만 자동 리사이즈
Ex)
<iframe src="주소" width="640" marginwidth="0" marginheight="0" frameborder="0" onLoad="ResizeIFrame(this);"></iframe>
*/

function resizeIFrame(iframeId)
{
try {
var innerBody = iframeId.contentWindow.document.body;
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);

if(iframeId.style.height != innerHeight) {
iframeId.style.height = innerHeight;
}
if(document.all) {
innerBody.attachEvent('onclick',parent.do_resize);
innerBody.attachEvent('onkeyup',parent.do_resize);
}
else {
innerBody.addEventListener("click", parent.do_resize, false);
innerBody.addEventListener("keyup", parent.do_resize, false);
}
}
catch (e) {
}
}

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

#퍼블리셔 #html

글쓰기

댓글 3개

허당빵근

프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기

2009-03-15 (일) 23:22:55

이렇게 하여도 됩니다.


<script language="JavaScript">

</script>


여기까지를 <head>와 </head>사이에 넣으시고

게시판을 삽입하는 곳에는


<?
echo "<iframe id=iframe onLoad=\"calcHeight();\" src=\"여기에 게시판 주소를 넣으세요\" scrolling=no frameborder=0 width=1000 height=0></iframe>";
?>

농사랑

프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기

2009-03-27 (금) 11:47:33

지마켓 등에서 상품 등록시 아이프레임을 사용하려고 하는데, 높이 조절이 자동으로 안되네요..

지킬

프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기

2010-04-08 (목) 21:31:12

다른 서버의 웹문서에도 가능한가요???

댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

태그 필터 (최대 3개) 전체 디자이너 개발자 javascript 기타 php linux mysql flash 정규표현식 jquery node.js mobile 웹서버 os 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성

제목	글쓴이	날짜	조회
URL 함수 모음 #개발자 #javascript	띠링 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-08-30	조회 1,782
파일 함수 모음 [2] #개발자 #javascript	띠링 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-08-30	조회 1,787
정규 표현식 입문서? "손에 잡히는 정규 표현식" [1] #개발자 #javascript	root 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-08-12	조회 1,656
페이지 자동이동하기 팁(여기 없는 거) [6] #개발자 #javascript	돌알터 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-07-22	조회 2,706
자바스크립트 쿠키 생성, 삭제 #개발자 #javascript	종현이 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-07-22	조회 3,316
접속아이피로 접속국가 및 지역 확인 및 보안응용 (접속허가, 접속불가 등) GeoIP [3] #개발자 #javascript	ibsp 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-07-15	조회 4,453
이미지 자동으로 사이즈 정해주는 방법은 어떻게 하나요? [2] #개발자 #javascript	냐옹냐옹 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-07-11	조회 1,582
virtual hosts [1] #개발자 #javascript	Coolpis 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-06-17	조회 1,502
asp 저장하기 #개발자 #javascript	카이루 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-06-15	조회 1,740
오픈 api 에 사용할 XML 파서 따끈한거 테스트 부탁드립니다....^^ [2] #개발자 #javascript	RINIX 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-05-29	조회 2,076
if문 축약해 사용하기 [1] #개발자 #javascript	제일생명 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-05-11	조회 4,623
체크 상자 몇개 이상 채크시 경고창 및 개수이상 클릭못하게하기 #개발자 #javascript	TopSchooL 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-05-08	조회 1,396
[VIM] vim으로 소스코드 범위 설정하여 영역을 접고 펴기 [3] #개발자 #javascript	똥싼너구리 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-04-30	조회 2,387
"웹표준에 관한 타입 선언"- 필요하신 분은 참고하세요... #개발자 #javascript	티파니 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-04-17	조회 1,847
글자 쪼개서 배열에 넣기 #개발자 #javascript	홈이네 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-04-04	조회 2,000
폼의 첫번째 입력가능한 필드에 FOCUS 주기 [4] #개발자 #javascript	관리자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-03-05	조회 2,429
PHP 이미지 지원 함수 #개발자 #javascript	님님 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-02-09	조회 2,279
iframe 외부의 부모 값에 접근. [4] #개발자 #javascript	마냐 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	09-02-03	조회 4,815
한글만 입력되게 [1] #개발자 #javascript	김지훈 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	08-12-27	조회 1,945
a 링크 점선 없애기, input+label 묶기 [3] #개발자 #javascript	태양의서쪽 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	08-12-20	조회 3,118
간단한 서브메뉴 onmouseover 이벤트 팁 [7] #개발자 #javascript	낮잠 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	08-11-21	조회 4,015
클릭으로 수량 조절 #개발자 #javascript	관리자 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	08-11-14	조회 1,607
검색엔진에 노출을 못하게 하는 방법 [2] #개발자 #javascript	cmpanel 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	08-11-03	조회 2,099
페이지 인쇄할때 자동으로 다음장 인쇄 기능 #개발자 #javascript	쉽다 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	08-10-30	조회 1,419
숫자만 입력되게 하기 [2] #개발자 #javascript	쉽다 프로필 보기 게시판 작성글 보기 전체 작성글 보기 전체 댓글 보기	08-10-30	조회 1,555

글쓰기