웹마스터 팁
iframe사용시 세로길이 자동 조정되게 하기
2007.10.04 11:39
위의 이미지와 같이 페이지에 iframe으로 글쓰기란을 구성했을시 세로조정이 자동으로 되게 하는 소스입니다.
|
function resizeFrame(iframeObj){ /* 높이 다시설정 */ /* 넓이 다시설정 */ this.scrollTo(1,1); |
위의 소스를
/zbxe/layouts/사용하는 레이아웃/js/
안에 있는 xxx.js(예 ; xe_official.js)파일을 편집기로 열어서 상단이나 하단에 복사해 넣으시면 됩니다.
그리고 페이지에 iframe을 작성하시면 됩니다.
<P align=center><IFRAME style="WIDTH: 100%" src="/zbxe/?mid=sale&act=dispBoardWrite" frameBorder=o scrolling=no onload=resizeFrame(this)></IFRAME></P>
참고로 전체 사이트에 이 소스를 적용할려면
/zbxe/common/js/common.js 파일안에 위의 소스를 적당한 곳에 복사해 넣으시면 됩니다.
댓글 7
-
주하니
2007.10.05 02:18
저 처럼 iframe 사용자에게는 꼭 필요한 팁이네요. ^^ -
parent에서 높이 조절하는게 더 좋군요...
그런데 대상 페이지 로딩이 느려서 그런건지 적용이 안되는 것도 있네요;;;;
필요에 따라 프레임 대상 페이지에서 지정하려면
아래 소스를 상단에 삽입하고
var ifr= parent.document.all? parent.document.all.iframe_main : parent.document.getElementById("iframe_main") ;
function do_resize() {
resizeFrame(1);
}
function resizeFrame(re) {
if (ifr) {
var innerHeight = document.body.scrollHeight + (document.body.offsetHeight - document.body.clientHeight);
if (ifr.style.height != innerHeight)
{
ifr.style.height = innerHeight;
}
if(!re) {
try{
document.body.attachEvent('onclick',do_resize);
} catch(e) {
document.body.addEventListener("click", do_resize, false);
}
}
}
}
아래 소스를 하단에 넣으면 됩니다...
document.body.scrollIntoView(true);
parent.window.scrollTo(0,0);
resizeFrame(); -
주하니
2007.10.05 11:14
게시판에서는 상, 하단 내용넣기 옵션에 넣면 된다는 거죠?
그리고 일반 페이지에서는 위에 소스(상,하단 소스) 사이에 iframe 태그를 넣으면 된다는 거죠? -
지허
2007.10.18 13:03
이런 방법도 있더군요.. 페이지에 아이프렘 삽입하면서 스크립트를 같이 넣는 방법
<SCRIPT>
function doResize()
{
container.height = myframe.document.body.scrollHeight+10;
container.width = myframe.document.body.scrollWidth;
}
</SCRIPT><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD id=container><IFRAME id=homeviewframe name=myframe marginWidth=0 marginHeight=0 src="주소" frameBorder=0 width="100%" scrolling=no onload=doResize() height="100%" topmargin="0"></IFRAME></TD></TR></TBODY></TABLE> -
똑디
2008.06.08 18:08
파이어폭스에선 지원이 안되네요. 혹시 파이어폭스에서도 지원이 되는 소스 가지고 계신분 없을까요? -
저도 파폭에서 지원이 안됩니다. 파폭에서 지원되는 소스 정말 없을까요?
-
제 생각엔 (경험상) body의 크기를 파폭이나 기타 브라우져에서는 doctype 선언에 따라서 인식 못하는 것 같습니다.
하여 저는 body의 세로사이즈를 구하지 않고 <div id="BodyWrap"> 의 세로 사이즈를 구해서 적용했던 적이 있습니다.
xGetElementById("BodyWrap").offsetHeight
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 한 XE1.8.11 게시판을 다른 XE1.8.11 웹에 옮기려면 어떤 절차를 밟아야 되나요? [3] | 유샤인 | 2015.10.24 |
| 그룹별 회원 목록 출력 [2] | 윤삼 | 2015.10.25 |
| 자바스크립트로 get값 추철하기 [1] | 한꼬마 | 2015.10.27 |
| 글 수정일때만 업데이트 아이콘이 뜨게 하고 싶은 경우 ( 댓글 입력시에는 별도로 안 뜨고) | sejin7940 | 2015.11.01 |
| 이제는 유튜브동영상 손쉽게 다운로드 받으세요 ミ:つÞ [7] | 딴죽을거는남자 | 2015.11.02 |
| CentOS PHP TS/NTS 모드 설치 방법 | 마루디자인 | 2015.11.09 |
파시ㅇ 예제입니다.
[3]
 | 유창화 | 2015.11.12 |
| 리눅스 백업 1.0 | ibin | 2015.11.23 |
| rsync 와 ssh root 접속을 막고 인증키로만 백업하기 | 마루디자인 | 2015.11.25 |
| 관리자만 볼 수 있는 로그인 기록 페이지 만들기 | 퍼니엑스이 | 2015.12.07 |
|
빠른 글 쓰기: 메인 페이지에서 글 쓰기
[1]
| 윈컴이 | 2015.12.09 |
| 비밀글 이여도 갤러리나 웹진형에서, 썸네일이나 요약 부분이 나타나게 수정하려면.. | sejin7940 | 2015.12.23 |
| 일반 게시판에서 익명 선택하여 작성하기 [2] | POWERXE | 2015.12.27 |
| 회원가입폼 기본항목에 안내문구 넣기 | paraduxx | 2016.01.11 |
| 리눅스 10원짜리 팁 - 탭 키 쓰십니까 ? | paraduxx | 2016.01.12 |
| 리눅스 10원짜리 팁 - history 명령어 응용 | paraduxx | 2016.01.12 |
| 가상사이트 페이지별 개별 레이아웃 적용하기 | Xiso | 2016.01.31 |
| Linux(CentOS) APM 컴파일 설치 (중급) [1] | rwind | 2016.02.01 |
| XE위키 모듈: 숫자 문서의 짧은 주소 문제와 미디어위키 문법 사용시 내부링크 문제 해결하기 | Gunmania | 2016.02.12 |
|
OpenSSL 웹에 직접 구축하기
[2]
| 워리도꾸 | 2016.02.16 |