묻고답하기
html홈페이지에 아이프레임 불러오기 리사이즈 문의
2011.01.12 22:24
안녕하세요.
제로보드XE 초보입니다.
기존 제로보드는 꿰뚫고 있으나...XE가 나오면서부터..초짜가되어 하나하나 공부중인데요...
우선
기존 html로 이루어진 홈페이지에
아이프레임으로 게시판을 불러오는걸 작업중입니다.
세로길이 리사이즈를 해보았는데요.
적용이 잘되는데..한가지 문제점이...생겼습니다.
일단 제가 적용한 소스를 적겠습니다.
XE게시판이 들어가는 html페이지에
<head> 와 </head> 사이에 아래의 소스를 넣었고.
-------------------------------------------------------------------
<script Language='javascript'>
var ifrmHeight;
var objFrame;
var str;
var cstr;
function init() {
try{
objFrame = document.all["ifrm"];
str = window.clipboardData.getData("Text");
cstr = str.split("|");
ifrmHeight= eval(cstr[1]);
}catch(e){
}
}
function reSize() {
try{
if (ifrmHeight > 240) {
objFrame.style.height = ifrmHeight;
}else{
objFrame.style.height = 240;
}
}catch(e){
}
}
function init_iframe() {
reSize();
setTimeout("init_iframe()",100);
}
init_iframe();
</script>
-----------------------------------------------------------------
다음엔 아이프레임을 삽입할 곳에는 아래와 같이 소스를 넣어주었구요.
<iframe src="http://게시판주소" name="ifrm" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="init()" scrolling="no"></iframe>
------------------------------------------------------------------
그 다음 아이프레임으로 불러오는 제로보드 XE게시판의 관리자 페이지로 가서 각 게시판에 수정을 누르고 게시판 정보에서
'게시판 하단에 출력할 내용' 부분에 아래 소스를 넣어주었구요.
<script language="javascript">
window.clipboardData.setData('Text', document.body.scrollWidth+"|"+document.body.scrollHeight);
</script>
이렇게 했더니 아이프레임의 세로 리사이징 기능은 되는데요..
다만 웹상에 창이 하나 뜹니다............
이 웹 페이지에서 클립보드에 엑세스 할 수 있도록 허용하시겠습니까?
허용할 경우 이 웹 페이지에서 클립보드에 액세스하여 최근에 잘라내거나 복사한 정보를 읽을 수 있습니다.
액세스 허용(A) 허용 안 함(N)
아...........제로보드에다 잘못 넣은걸까요...
제가보기엔 스크립트의 문제인것같은데요...
어디를 손봐야할지..고수님들의 답변 정말 시급하구요. 부탁좀드립니다.~~~~
일반적으로 저런 창이뜨면
익스폴로러 실행 - 도구 - 인터넷옵션 - 보안 - (사용자 지정) - 사용자 지정수준 - 스크립팅 - 프로그램 클립보드 엑세스 허용 - 사용 체크 - 확인 - "이 영역에 대한 설정을 변경하시겟습니까?" - 예(Y) 클릭 하시면 해결은 되는데요.
홈페이지를 방문하는 사용자의 컴을 일일히 지정해주라고 공지를 할 수도 없고해서요.......................
참고로 작업중인 홈페이지는
http://www.bawoofnd.co.kr 입니다.
좋은하루되세요.
해결했습니다!!! 아래 소스 참고하세요...
1. <head>와 </head> 사이에 스크립트 소스넣기
==================================================================
<title>무제 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script type="text/javascript">
function init(){
var ifrm = document.getElementById("ifrm");
if(!ifrm) return false;
ifrm.style.height = ifrm.contentWindow.document.documentElement.scrollHeight + "px";
}
</script>
==================================================================
2. html 파일 본문 원하는 위치에 아이프레임 넣기
==================================================================
<iframe src="../xe/?mid=게시판이름" name="ifrm" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="init()" scrolling="no"></iframe>
==================================================================
4. 외부페이지 적용할시-레이아웃 사용시... [외부 문서 위치]에 주소 위의 html 파일 주소 넣기
../폴더명/파일명 또는 ../파일명
==================================================================