[phpschool 펌] iframe 높이 조절

		질문,광고 등록 절대금지! 질문은 Q&A로
	글쓴이:거친마루 iframe 크기조절 - be more dynamic 조회수:4042 http://example.debugs.co.kr/html/example/iframeheight/frame.html http://example.debugs.co.kr/html/example/iframeheight/content.html 재미난 내용인거같아 저도한번 올려봅니다. ie 5.0 이상부터 제공되기 시작한 css지시자 expression 또는 setExpression 메소드를 이용하면 좀더 심플하게, 동적으로 변화를 감지할 수 있습니다. 예제를 보시려면 링크#1을 클릭해보세요 setTimeout 없이도 내용의 변화가 즉각 반영되는것을 알 수 있습니다. expression 을 이용해서 로그인박스 처리나 게시판 입력항목같은 좀더 재미난 부분에 응용이 가능한데.. 그 부분은 나중에 시간이 나면 예제와 함께 소개해 보겠습니다 : ) [소스: frame.html] <script>         function syncHeight(el) {                 el = typeof el == 'string' ? document.getElementById(el) : el;                 el.setExpression('height','contentWindow.document.body.scrollHeight+5');         } </script> <iframe name="test" id="test" src="content.html" onLoad="syncHeight(this)"></iframe> [/소스] [소스:content.html] ... 이것은 iframe 내용입니다.<br> 이것은 iframe 내용입니다.<br> 이것은 iframe 내용입니다.<br> 이것은 iframe 내용입니다.<br> <button onClick="this.outerHTML='이것은 추가된내용입니다<br>'+this.outerHTML">누르면 내용이 추가됩니다</button> [/소스] @see http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dndude/html/dude061198.asp ---- 나랏님들때문에 일이 손에 안잡히는 날이네요.. 우울합니다. 폐국 음... 굿! 역시~ 03/12 16:55:11 ㅠ.ㅠ 엑세스가 거부되었습니다. 라고 떠요 ㅠ.ㅠ 03/12 17:55:43 하이도 와 이런것이 있었다니.. 대단합니다.. 전에 동적으로 iframe 사이즈 만든다고.. td height * 결과 개수 해서 opener.iframe.height.. 어쩌구 하고.. 개노가다 했던.. 아픈 추억이 스칩니다.. 03/12 18:00:28 012 거친마루// 거친마루님 도데체 자바스크립트를 체계적으로 공부할수 있는 최선의 방법이 무엇이라고 생각하십니까? 마땅한 책도 없고 그렇다고 영어를 잘하는것도 아니라... 03/12 18:07:32 하이도 만약에 html에 아무 문자도 없을 때 iframe 사이즈를 0으로 하여 아예 안보이도록 할수는 없을까요..? 03/12 18:08:25 익명 언제나 좋은정보 감사드립니다. 03/12 20:21:10 muti 이쪽경력이 되다보면 스크립트가 가장 싫죠.... 해도 표안나고... 약방에 감초처럼 꼭 필요하고... 디버깅은 또 왜그리 안되는지... 혹시 스쿨 들오시는 분들중에 스크립트 짤때 비결같은거 올려주실 분들 없나요? 특히 디버깅요.... 03/13 0:40:12 하이도 아사날님.. 감사합니다.. 03/13 1:57:22 스크?治첨?/TD> 담배 한갑 정도는 우습게 잡아 먹어 버리는 자바스크립트.. 부하가 좀 가더라도 php로 돌려 막기가 가능하면 정신건강과 육체적 건강을 위해.... 아.. 머리빠져.. 03/13 2:23:53 아사날 하이도님 이렇게 해야됩니다 ㅡㅡ; function syncHeight(el) { el = typeof el == 'string' ? document.getElementById(el) : el; if(el.contentWindow.document.body.innerHTML.length != 0) el.setExpression('height','contentWindow.document.body.scrollHeight+5'); else el.style.height=0; } 03/13 9:43:43 박수형 5.01 버젼에서 작동 하나요? 음 아이프레임 자체의 크기가 늘어나는것인지 그 안의 페이지 크기만 늘어나서 스크롤이 늘어나는것인지 잘 모르겠네요; 03/13 20:19:41 박수형 6.0 설치해보니 되는군요. 5.5 이상부터 되는듯 해요 ^^; 03/14 15:08:20 슈퍼개발 굿~ 퍼갑니다. mytechnic.com 03/15 9:40:00 하이도 아사날님.. iframe의 소스로 내부 페이지는 잘되는데.. 외부 즉 http://phpschool.com 같은 외부 url을 src로 넣을 시는 안되네요.. 이럴경우에도 할 수 있는 방법 없을까요.. 그리고 브라우저를 타나요? .. 실 서비스에 올려도 될른지.. 03/15 14:06:55 답답해죽겠네 표를 2단 분리한 후에 위쪽은 메뉴 아래쪽은 게시판으로 테스트 해보았는데요 메뉴에 링크걸고 타겟을 아이프레임 이름으로 하면 리사이즈가 안되네요 iframe 안의 게시판에 글을 길게 쓰면 잘려 나오는데 해결방법 없을까요? 03/15 15:42:26 BigS 개체가 필요합니다 라는 자보스크립트 오류가 나는데, 저만 그런가요? 어떤개체인지도 안나오구요. 라인은 1라인입니다. 03/16 11:33:30 아사날 //하이도 도메인이 틀리면 당연히 에러가 납니다.. 보안상 .. 다른도메인에 있는문서의 정보를 가져올수 없습니다. http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/iframe.asp 03/16 16:50:47 ... 새로고침하면 에러나네요 04/07 1:32:39 ... 새로고침하면 에러나네요 04/07 1:32:40 이궁.. 개채가 없다는데;;