게시판을 레이어에 정보
게시판을 레이어에첨부파일
본문
특별한 팁은 아닙니다만 혹 필요하신 분이 계실것 같아 올립니다.
현재 페이지의 이동없이 여러 게시판을 레이어에 열고,닫고,새로고침 하는 기능입니다.
////////////소스///////////////////
<style>
.drag { position: absolute; cursor:move; }
</style>
.drag { position: absolute; cursor:move; }
</style>
<script language="JavaScript">
function ViewlayerPop(id){
var s = screen.availWidth; //스크린상에 차지하고 있는 실제영역의 크기
var w = screen.availHeight;
list_link.innerHTML = '<iframe name="list_ss" src="' + id +'" width=800 height=550 frameborder=0>';
var s = screen.availWidth; //스크린상에 차지하고 있는 실제영역의 크기
var w = screen.availHeight;
list_link.innerHTML = '<iframe name="list_ss" src="' + id +'" width=800 height=550 frameborder=0>';
document.getElementById("layerPop").style.display='inline';
//레이어가 보여질 위치를 수정하시려면 아래의 소스를 수정하세요.
document.getElementById("layerPop").style.left=s/2-405; // 스크린의 크기/2 - 보여지는레이어/2 중간 정렬을 위한 정보
document.getElementById("layerPop").style.top=w/2-275;
}
document.getElementById("layerPop").style.left=s/2-405; // 스크린의 크기/2 - 보여지는레이어/2 중간 정렬을 위한 정보
document.getElementById("layerPop").style.top=w/2-275;
}
function CloselayerPop(){
document.getElementById("layerPop").style.display='none';
document.getElementById("layerPop").style.display='none';
}
function re_home(){
list_ss.location.reload();
}
list_ss.location.reload();
}
</script>
<!-- 변경할 곳 -->
<!-- 괄호안의 '' 사이에 게시판주소를 수정하여 사용하세요 -->
<a href="javascript:ViewlayerPop('자유게시판http://shopguava.cafe24.com/bbs/board.php?bo_table=abc');">자유게시판</a>
<a href="javascript:ViewlayerPop('기타게시판http://shopguava.cafe24.com/bbs/board.php?bo_table=first');">기타게시판</a>
<a href="javascript:ViewlayerPop('기타게시판http://shopguava.cafe24.com/bbs/board.php?bo_table=first');">기타게시판</a>
<!-- 변경할 곳 끝 -->
<div id="layerPop" class="drag" style="position:absolute; top:50%; left:50%; width:810px; height:580px; z-index:0;display:none;background:#000000 ">
<center>
<table border=0 width=810 cellpadding=0 cellspacing=0>
<tr>
<td width=200></td>
<td width=310 align="center">
<a href="javascript:CloselayerPop();"><font size=4 color="#FFFFFF">x</font></a>
</td>
<td width=200 align="right">
<a href="javascript:re_home();"><font size=2 color="#FFFFFF">[새로고침]</font></a>
</td>
</tr>
</table>
<table border=0 width=810 cellpadding=0 cellspacing=0>
<tr>
<td width=200></td>
<td width=310 align="center">
<a href="javascript:CloselayerPop();"><font size=4 color="#FFFFFF">x</font></a>
</td>
<td width=200 align="right">
<a href="javascript:re_home();"><font size=2 color="#FFFFFF">[새로고침]</font></a>
</td>
</tr>
</table>
<table border=0 width=810 height=550 cellpadding=0 cellspacing=0>
<tr><td width=1 bgcolor="#000000">
<td>
<center>
<span id="list_link">
<iframe name="list_ss" src="http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech" width=800 height=550 frameborder=0>
</span>
</center>
</td>
<td width=5 bgcolor="#000000">
</td></tr>
</table>
</center>
</div>
//////////////////여기까지 입니다.///////////////
주의하실 점은 [새로고침] 의 경우 같은 도메인의 페이지가 아닐 경우 권한 문제로 실행되지 않습니다.
꼭 게시판이 아니더라도 원하는 용도로 사용가능합니다.
추천좀..ㅜㅜ
추천
6
6
댓글 6개
오 마침 필요했는데 감사합니다^^
아<style>~</style>부분은 필요 없을것 같네요..^^.. 레이어 드래그 이동하는 기능을 위해
사용하던 부분인데.. 같이 올라갔네요..
사용하던 부분인데.. 같이 올라갔네요..
아하, 이런 식으로 게시판을 레이어로 불러올수있군요.
좋은 정보 감사합니다 !!! 추천은 서비스 !
좋은 정보 감사합니다 !!! 추천은 서비스 !
좋은 팁 감사합니다.
재미난 기능이네요..^^
~~감사합니다.