게시판에서 아이프레임 사이즈 자동조절하는 방법좀 알려주세요 정보
게시판에서 아이프레임 사이즈 자동조절하는 방법좀 알려주세요본문
이부분은 웹문서에 삽입할 iframe입니다.
<iframe src=관련주소 frameborder=0 scrolling=no width=100% height=100% id=innerFrame name=innerFrame></iframe>
이부분은 iframe안으로 불려올 웹문서안에 삽입해 주세용~
그럼 최소 iframe의 크기보다 작다면 최소크기로 정의해준 height=320,width=465로 출력되고
크다면 iframe의 스크롤바가 그 크기에 따라 알맞게 가로 세로로 생겨난답니다.
제로보드를 사용하시는 분들은 제로보드 설정페이지에서 그룹설정,게시판 하단에 출력할 내용에 다음 내용을 그대로 복사해서 붙혀주시면 됩니다.
<script>
function resizeFrame(name){
var oBody = document.body;
var oFrame = parent.document.all(name);
var min_height = 320;
var min_width = 465;
var i_height = oBody.scrollHeight + (oBody.offsetHeight-oBody.clientHeight);
var i_width = oBody.scrollWidth + (oBody.offsetWidth-oBody.clientWidth);
if(i_height < min_height) i_height = min_height;
if(i_width < min_width) i_width = min_width;
oFrame.style.height = i_height;
oFrame.style.width = i_width;
parent.scrollTo(0,0);
}
var oldFn = new String(window.onload);
window.onload = new Function("resizeFrame('innerFrame');" + oldFn);
</script>
<iframe src=관련주소 frameborder=0 scrolling=no width=100% height=100% id=innerFrame name=innerFrame></iframe>
이부분은 iframe안으로 불려올 웹문서안에 삽입해 주세용~
그럼 최소 iframe의 크기보다 작다면 최소크기로 정의해준 height=320,width=465로 출력되고
크다면 iframe의 스크롤바가 그 크기에 따라 알맞게 가로 세로로 생겨난답니다.
제로보드를 사용하시는 분들은 제로보드 설정페이지에서 그룹설정,게시판 하단에 출력할 내용에 다음 내용을 그대로 복사해서 붙혀주시면 됩니다.
<script>
function resizeFrame(name){
var oBody = document.body;
var oFrame = parent.document.all(name);
var min_height = 320;
var min_width = 465;
var i_height = oBody.scrollHeight + (oBody.offsetHeight-oBody.clientHeight);
var i_width = oBody.scrollWidth + (oBody.offsetWidth-oBody.clientWidth);
if(i_height < min_height) i_height = min_height;
if(i_width < min_width) i_width = min_width;
oFrame.style.height = i_height;
oFrame.style.width = i_width;
parent.scrollTo(0,0);
}
var oldFn = new String(window.onload);
window.onload = new Function("resizeFrame('innerFrame');" + oldFn);
</script>
// A= 그누보드
// B= Asp 쇼핑몰
그누보드에 위의 방법을 사용해 보려고 하는데요
(A)그누보드의 lis.skin.php 상단에 스크립트를 넣고
(B)다른 계정의 ASP홈페이지에서 아이프레임으로 게시판을 불러왔더니
제일 작은 사이즈로 (게시판 절반정도만 나옵니다.)조절이 되어 버리네요
스크립트를 올리는 곳을 잘못 선택한것 같은데
어디에 올려주어야 할지 알려주시면 감사하겠습니다.
꼭 위의 소스가 아니더라도
B쇼핑몰에서 A게시판의 내용이 스크롤바 없이 보이게 하고 싶습니다.
고수님들의 조언 부탁드립니다.
감사합니다.
댓글 전체
iframe 삽입하는 페이지를 아래코드로 사용해보세요..
<script>
function doResize()
{
var ie60=window.createPopup
if (ie60) {
FRAME_ID.height = 5;
document.getElementById('FRAME_ID').style.height=FRAME_NAME.document.body.scrollHeight;
document.body.scrollTop = 0
}else{
FRAME_ID.height = 500;
}
}
</script>
<iframe id="FRAME_ID" src="URL" name="FRAME_NAME" width="100%" height="0" marginwidth="0" scrolling=no marginheight="0" frameborder="no" onload="doResize()" onResize="doResize()" allowTransparency="true"></iframe>
<script>
function doResize()
{
var ie60=window.createPopup
if (ie60) {
FRAME_ID.height = 5;
document.getElementById('FRAME_ID').style.height=FRAME_NAME.document.body.scrollHeight;
document.body.scrollTop = 0
}else{
FRAME_ID.height = 500;
}
}
</script>
<iframe id="FRAME_ID" src="URL" name="FRAME_NAME" width="100%" height="0" marginwidth="0" scrolling=no marginheight="0" frameborder="no" onload="doResize()" onResize="doResize()" allowTransparency="true"></iframe>
보안상 도메인이 틀리면 에러가 나거나 먹히지 않습니다.
다음을 참조하세요.
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/iframe.asp
다음을 참조하세요.
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/objects/iframe.asp
도메인 문제인가 잘 안되네요
대부분 사용해본 자바 소스는 리사이즈를 최소사이즈로 고정해 버리네요
쩝~~
혹시 방법 찾으면 글 남길께요
근데 위에 소스는 정확하게 어케 사용해야 하나요
불러오고자 하는 게시판 안에 스크립트 붙여넣고
아이프레임은 <iframe>~~</iframe>은 보여주고자 하는 페이지 부분에 넣으면 되는거지요
아니면
<iframe>~~</iframe>랑 스크립트 부분이랑 같이 보여주고자 하는 페이지 안에 모두 넣으면 되는건가요
제가 좀 무개념이라
자세하게 설명좀 부탁드립니다.
대부분 사용해본 자바 소스는 리사이즈를 최소사이즈로 고정해 버리네요
쩝~~
혹시 방법 찾으면 글 남길께요
근데 위에 소스는 정확하게 어케 사용해야 하나요
불러오고자 하는 게시판 안에 스크립트 붙여넣고
아이프레임은 <iframe>~~</iframe>은 보여주고자 하는 페이지 부분에 넣으면 되는거지요
아니면
<iframe>~~</iframe>랑 스크립트 부분이랑 같이 보여주고자 하는 페이지 안에 모두 넣으면 되는건가요
제가 좀 무개념이라
자세하게 설명좀 부탁드립니다.
A 페이지에서 B 페이지를 iframe으로 삽입하려고 할때..
A 페이지 안에 위의 코드를 모두 넣어주면 됩니다... iframe의 src를 B 페이지로 하시고..
제가 테터툴즈 쓰면서 그누보드 게시판을 테터툴즈에 iframe으로 저런식으로 삽입해 사용하는데..
파이어폭스, IE에서.. 잘 되네요.. (다른 도메인은 안해봐서 ^^;)
A 페이지 안에 위의 코드를 모두 넣어주면 됩니다... iframe의 src를 B 페이지로 하시고..
제가 테터툴즈 쓰면서 그누보드 게시판을 테터툴즈에 iframe으로 저런식으로 삽입해 사용하는데..
파이어폭스, IE에서.. 잘 되네요.. (다른 도메인은 안해봐서 ^^;)