달력

32024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
질문,광고 등록 절대금지! 질문은 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.com03/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 코멘트 지우기
이궁..개채가 없다는데;;

Posted by tornado
|