아이프레임 세로길이 자동리사이즈 문제입니다.
여기저기 다 찾아보고 이것저것 적용해봐도 안되네요.ㅠㅠ
스크립트부분-------------
<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>
이렇게 되어있는데~ 쓰기버튼 누르면 게시판 하단이 안보이고 펼치기해도
밑에가 짤려서 쓰기버튼이 안보입니다.
폼메일에 밑부분이 가려졌는지;
테이블에 넣어보고 해도 안됩니다.ㅠㅠ
세로길이 자동리사이즈 도와주세요 ㅠㅠ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 10개
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 을 다운 받으시면 거기에 아이프레임 예제도 들어 있습니다.
예제보시면 다른 설명이 필요 없으실텐데요....
그럼 iframe에는 어떻게 적용해야하는건가요?
git 에서 소스코드 다운받으셨나요? 다운받아서 아이프레임 예제를 펼쳐보시면 됩니다.
아이프레임을 불러오는 parent (부모) 페이지가 있고, child (불려와지는) page 파일이 두개 들어 있습니다.
그걸 그대로 사용만 하시면 되는 겁니다. 예제가 다 작성이 되어 있는데도 그걸 보시고도 뭐가 뭔지 모르시겠다고 하시면, ........... ;;;;;;;;; ??? 글쎄요.... 누가 대신 사이트를 짜드려야 할 것 같네요. 의뢰게시판? maybe?
https://github.com/cowboy/jquery-postmessage
저처럼 스크립트 쓰고 하단에 아이프레임으로 넣고 이렇게 했던 사람이 보기에는
너무 어렵습니다.ㅠㅠ
모처럼 좋은정보 주셨는데 영어도 모르겄고~ 다운받는
사이트에서 어떤거 눌러서 다운받는지 조차 모르겠어용//
님// 감사해용 ~ 좋은정보 주셨는데.. ㅠㅠ에고-
초보라서 머가먼지 이해하 다소 어려운 소스네요 ㅠㅠ
휴... 그냥 아래 링크 누르시면 자동 다운 되십니다.
https://github.com/cowboy/jquery-postmessage/archive/master.zip
웹사이트를 만드시려면 꼭 필요하신 기술이 두가지 있습니다.
"구글링" 그리고 github
구글링 과 github 을 조합해서 못만들 사이트는 이 지구상에 존재하지 않습니다.
영어가 어려우시면 구글링 하셔서 영문서를 어떻게 브라우저내에서 한글로 읽으실 수 있는지 부터 검색해 보세요. ^^
저는 한국어나 일본어가 어렵기 때문에 한국사이트나 일본 사이트에서는 자주 구글 번역기로 문서를 영어로 번역해서 읽습니다.
언어가 장벽은 아닙니다.
있길래 열었지만-어떻게 넣어야할지 모르겠다는 겁니다..
알고있던 스크립트 넣고 하단에 아이프레임 넣고 하는 방식으로 해와서
소스 보면 다른 방식으로 되어있어서 뭐가 뭔지 모르겠고- 어쨋든..
애써주시는데 제가 이해를 못하고 있네여 ..
참고로~ 관련이 있는가 모르겠는데 -
pc홈에서도 사용이 되고~ pc에서는제대로 나오고요~
모바일에서가 짤립니다.