글 수 314
아이프레임 높이자동조절 소스에 대해..
vanaheim 2007.08.15 12:10
답변 1| 조회 1,755
안녕하세요. 제가 아이프레임 홈페이지를 하나 제작중에 있는데요.
지식인을 찾아봤는데 다 세프레임으로 나눠서 하라고 밖에 안돼있더군요.
그러다 우연히 이소스를 발견했는데요...
도통 어떻게 해야될지를 모르겠군요...소스 올려드릴테니
뭐를 어디다가 넣어야 할지 좀 알려주세요... 적혀있는것도 있는데
중간중간에 보면 소스만 적혀있어서요;_;급하니까 최대한 빨리 답변부탁드려요ㅠ
----------------------------------------------------------------------------------------------------------------------------
우선 ★<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>
------------------------------------------------------------------------------------------------------------------------------------
그리고, 여기서 끝나는게 아닙니다.
★아이프레임에 삽입된 게시판(관리자모드)으로 가셔서 "게시판 하단에 출력할 내용 부분에"★
------------------------------------------------------------------------------------------------------------------------------------
</div>
<script language="javascript">
window.clipboardData.setData('Text', document.body.scrollWidth+"|"+document.body.scrollHeight);
</script> (<- 여기까진 알겠거든요??)
------------------------------------------------------------------------------------------------------------------------------------
vanaheim 2007.08.15 12:10
답변 1| 조회 1,755
안녕하세요. 제가 아이프레임 홈페이지를 하나 제작중에 있는데요.
지식인을 찾아봤는데 다 세프레임으로 나눠서 하라고 밖에 안돼있더군요.
그러다 우연히 이소스를 발견했는데요...
도통 어떻게 해야될지를 모르겠군요...소스 올려드릴테니
뭐를 어디다가 넣어야 할지 좀 알려주세요... 적혀있는것도 있는데
중간중간에 보면 소스만 적혀있어서요;_;급하니까 최대한 빨리 답변부탁드려요ㅠ
----------------------------------------------------------------------------------------------------------------------------
우선 ★<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>
------------------------------------------------------------------------------------------------------------------------------------
그리고, 여기서 끝나는게 아닙니다.
★아이프레임에 삽입된 게시판(관리자모드)으로 가셔서 "게시판 하단에 출력할 내용 부분에"★
------------------------------------------------------------------------------------------------------------------------------------
</div>
<script language="javascript">
window.clipboardData.setData('Text', document.body.scrollWidth+"|"+document.body.scrollHeight);
</script> (<- 여기까진 알겠거든요??)
------------------------------------------------------------------------------------------------------------------------------------