아이프레임 세로길이 자동리사이즈 문제입니다. 정보
아이프레임 세로길이 자동리사이즈 문제입니다.본문
여기저기 다 찾아보고 이것저것 적용해봐도 안되네요.ㅠㅠ
스크립트부분-------------
<script language="JavaScript">
<!--
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
if (innerHeight > 100)
{
iframeObj.style.height = innerHeight;
}
this.scrollTo(1,0);
}
//-->
</script>
게시판------------------
<iframe src="게시판주소" scrolling="no" width="98%" height="100%" frameborder="0" onload="resizeFrame(this);"/></iframe><br />
다른데서는 적용이 되는데 이부분만 안됩니다.
혹시 이 게시판 아래 폼메일이 들어가서 그런건가요??
<iframe src="게시판주소" scrolling="no" width="98%" height="100%" frameborder="0" onload="resizeFrame(this);"/></iframe><br />
<div align="center" style="padding:0 0 2% 0; background-color:#FFF" >
<img src="./img/sub_4_1.jpg" align="top" width="100%" border="0">
<? include_once("./guest.php"); ?>
</div>
이렇게 되어있는데~ 쓰기버튼 누르면 게시판 하단이 안보이고 펼치기해도
밑에가 짤려서 쓰기버튼이 안보입니다.
폼메일에 밑부분이 가려졌는지;
테이블에 넣어보고 해도 안됩니다.ㅠㅠ
세로길이 자동리사이즈 도와주세요 ㅠㅠ
스크립트부분-------------
<script language="JavaScript">
<!--
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
if (innerHeight > 100)
{
iframeObj.style.height = innerHeight;
}
this.scrollTo(1,0);
}
//-->
</script>
게시판------------------
<iframe src="게시판주소" scrolling="no" width="98%" height="100%" frameborder="0" onload="resizeFrame(this);"/></iframe><br />
다른데서는 적용이 되는데 이부분만 안됩니다.
혹시 이 게시판 아래 폼메일이 들어가서 그런건가요??
<iframe src="게시판주소" scrolling="no" width="98%" height="100%" frameborder="0" onload="resizeFrame(this);"/></iframe><br />
<div align="center" style="padding:0 0 2% 0; background-color:#FFF" >
<img src="./img/sub_4_1.jpg" align="top" width="100%" border="0">
<? include_once("./guest.php"); ?>
</div>
이렇게 되어있는데~ 쓰기버튼 누르면 게시판 하단이 안보이고 펼치기해도
밑에가 짤려서 쓰기버튼이 안보입니다.
폼메일에 밑부분이 가려졌는지;
테이블에 넣어보고 해도 안됩니다.ㅠㅠ
세로길이 자동리사이즈 도와주세요 ㅠㅠ
댓글 전체

자스 작성 방법이야 수십가지가 있지만, 개인적으로 이걸 강추 합니다.
http://benalman.com/code/projects/jquery-resize/examples/resize/
다른 플러그인에 비해서 뭐가 그렇게 특별하냐구요?
제가 알기로 이것만 유일하게 크로스 도메인에서도 작동됩니다.
Chris Coyer 도 이거 실패했는데, http://css-tricks.com/examples/iFrameResize/crossdomain.php ㅋㅋㅋ
유일하게 Ben Alman 이 이걸 성공했죠. 이사람 천잰가봐요. ㅋㅋㅋ 어떻게 이런걸 만들었는지... 보안때문에 원래 크로스 도메인 안되는데....
http://benalman.com/code/projects/jquery-resize/examples/resize/
다른 플러그인에 비해서 뭐가 그렇게 특별하냐구요?
제가 알기로 이것만 유일하게 크로스 도메인에서도 작동됩니다.
Chris Coyer 도 이거 실패했는데, http://css-tricks.com/examples/iFrameResize/crossdomain.php ㅋㅋㅋ
유일하게 Ben Alman 이 이걸 성공했죠. 이사람 천잰가봐요. ㅋㅋㅋ 어떻게 이런걸 만들었는지... 보안때문에 원래 크로스 도메인 안되는데....
영어로 되어있어서ㅠㅠ 머가먼지 하나두 모르겠어여 // 어떤걸 어디에
넣어야 하는건가요?ㅠㅠ 죄송// 영어랑 담을 쌓은지라..ㄷㄷ
넣어야 하는건가요?ㅠㅠ 죄송// 영어랑 담을 쌓은지라..ㄷㄷ

죄송 죄송. 링크를 잘못 넣었네요. ㅎㅎ
http://benalman.com/code/projects/jquery-postmessage/examples/iframe/
설명은... 필요없죠.
소스보기하셔서 똑같이 적용하시면 작동 됩니다.
일단 git 에 가셔서
https://github.com/cowboy/jquery-postmessage
zip file 을 다운 받으시면 거기에 아이프레임 예제도 들어 있습니다.
예제보시면 다른 설명이 필요 없으실텐데요....
http://benalman.com/code/projects/jquery-postmessage/examples/iframe/
설명은... 필요없죠.
소스보기하셔서 똑같이 적용하시면 작동 됩니다.
일단 git 에 가셔서
https://github.com/cowboy/jquery-postmessage
zip file 을 다운 받으시면 거기에 아이프레임 예제도 들어 있습니다.
예제보시면 다른 설명이 필요 없으실텐데요....
제가 초보라 모가몬지 모르겄네용//ㅠㅠ 스크립트소스를 위에다가 넣어주고
그럼 iframe에는 어떻게 적용해야하는건가요?
그럼 iframe에는 어떻게 적용해야하는건가요?

-..-;;
git 에서 소스코드 다운받으셨나요? 다운받아서 아이프레임 예제를 펼쳐보시면 됩니다.
아이프레임을 불러오는 parent (부모) 페이지가 있고, child (불려와지는) page 파일이 두개 들어 있습니다.
그걸 그대로 사용만 하시면 되는 겁니다. 예제가 다 작성이 되어 있는데도 그걸 보시고도 뭐가 뭔지 모르시겠다고 하시면, ........... ;;;;;;;;; ??? 글쎄요.... 누가 대신 사이트를 짜드려야 할 것 같네요. 의뢰게시판? maybe?
git 에서 소스코드 다운받으셨나요? 다운받아서 아이프레임 예제를 펼쳐보시면 됩니다.
아이프레임을 불러오는 parent (부모) 페이지가 있고, child (불려와지는) page 파일이 두개 들어 있습니다.
그걸 그대로 사용만 하시면 되는 겁니다. 예제가 다 작성이 되어 있는데도 그걸 보시고도 뭐가 뭔지 모르시겠다고 하시면, ........... ;;;;;;;;; ??? 글쎄요.... 누가 대신 사이트를 짜드려야 할 것 같네요. 의뢰게시판? maybe?
님앙 넘 죄송요 ㅠㅠ git가 어디에...ㅠㅠ

엄청~ 좋은 정보를 공유해주신거 같은데..
저처럼 스크립트 쓰고 하단에 아이프레임으로 넣고 이렇게 했던 사람이 보기에는
너무 어렵습니다.ㅠㅠ
모처럼 좋은정보 주셨는데 영어도 모르겄고~ 다운받는
사이트에서 어떤거 눌러서 다운받는지 조차 모르겠어용//
님// 감사해용 ~ 좋은정보 주셨는데.. ㅠㅠ에고-
초보라서 머가먼지 이해하 다소 어려운 소스네요 ㅠㅠ
저처럼 스크립트 쓰고 하단에 아이프레임으로 넣고 이렇게 했던 사람이 보기에는
너무 어렵습니다.ㅠㅠ
모처럼 좋은정보 주셨는데 영어도 모르겄고~ 다운받는
사이트에서 어떤거 눌러서 다운받는지 조차 모르겠어용//
님// 감사해용 ~ 좋은정보 주셨는데.. ㅠㅠ에고-
초보라서 머가먼지 이해하 다소 어려운 소스네요 ㅠㅠ

"ZIP" 이란 버튼을 누르시면 됩니다.
휴... 그냥 아래 링크 누르시면 자동 다운 되십니다.
https://github.com/cowboy/jquery-postmessage/archive/master.zip
웹사이트를 만드시려면 꼭 필요하신 기술이 두가지 있습니다.
"구글링" 그리고 github
구글링 과 github 을 조합해서 못만들 사이트는 이 지구상에 존재하지 않습니다.
영어가 어려우시면 구글링 하셔서 영문서를 어떻게 브라우저내에서 한글로 읽으실 수 있는지 부터 검색해 보세요. ^^
저는 한국어나 일본어가 어렵기 때문에 한국사이트나 일본 사이트에서는 자주 구글 번역기로 문서를 영어로 번역해서 읽습니다.
언어가 장벽은 아닙니다.
휴... 그냥 아래 링크 누르시면 자동 다운 되십니다.
https://github.com/cowboy/jquery-postmessage/archive/master.zip
웹사이트를 만드시려면 꼭 필요하신 기술이 두가지 있습니다.
"구글링" 그리고 github
구글링 과 github 을 조합해서 못만들 사이트는 이 지구상에 존재하지 않습니다.
영어가 어려우시면 구글링 하셔서 영문서를 어떻게 브라우저내에서 한글로 읽으실 수 있는지 부터 검색해 보세요. ^^
저는 한국어나 일본어가 어렵기 때문에 한국사이트나 일본 사이트에서는 자주 구글 번역기로 문서를 영어로 번역해서 읽습니다.
언어가 장벽은 아닙니다.
얘기한건 어케 해서 다운은 받았는데 안에 여러가지가 있고요~ 그중에서 iframe이란게
있길래 열었지만-어떻게 넣어야할지 모르겠다는 겁니다..
알고있던 스크립트 넣고 하단에 아이프레임 넣고 하는 방식으로 해와서
소스 보면 다른 방식으로 되어있어서 뭐가 뭔지 모르겠고- 어쨋든..
애써주시는데 제가 이해를 못하고 있네여 ..
참고로~ 관련이 있는가 모르겠는데 -
pc홈에서도 사용이 되고~ pc에서는제대로 나오고요~
모바일에서가 짤립니다.
있길래 열었지만-어떻게 넣어야할지 모르겠다는 겁니다..
알고있던 스크립트 넣고 하단에 아이프레임 넣고 하는 방식으로 해와서
소스 보면 다른 방식으로 되어있어서 뭐가 뭔지 모르겠고- 어쨋든..
애써주시는데 제가 이해를 못하고 있네여 ..
참고로~ 관련이 있는가 모르겠는데 -
pc홈에서도 사용이 되고~ pc에서는제대로 나오고요~
모바일에서가 짤립니다.