<html>
<head>
<title></title>
</head>
<body>
<script language="javascript">
function BlooMsg(obj){
var obj
var div = eval("document.all.div_" + obj);
if (div.style.display == ''){
div.style.display = "none";
} else {
div.style.top = event.y - 10 - document.body.scrollTop;
div.style.left = event.x + 10;
div.style.display = "";
}
}
</script>
<div id="div_1" style='display:none;position:absolute'>
<table border="0" cellpadding="3" cellspacing="1" bgcolor="#0066FF" width="100">
<tr>
<td bgcolor="#FFFFCC">친구추가</td>
</tr>
<tr>
<td bgcolor="#FFFFCC"><a href="/disk/main.jsp">디스크로 이동</a></td>
</tr>
</table>
</div>
<a href="#" onclick="javascript:BlooMsg('1');">클릭이벤트</a>
</body>
</html>
------------------------------------------------------------------------------------------
/**
출 처 : http://tost.tistory.com/12
제 목 : [js] 레이어를 중앙에 띄우기
날 짜 : 2008/11/01 10:22
중 요 :
소요 시간 :
환 경 :
기 타 :
*****/
<HTML>
<HEAD>
<TITLE> 샘플코드모음 </TITLE>
<META NAME="Author" CONTENT="정민철 minchul.jeong@konantech.com">
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script>
function CenterLayer(div_id)
{
var obj = document.getElementById(div_id);
var x = 0;
var y = 0;
var div_width = 0; // 레이어 가로크기
var div_height = 0; // 레이어 세로크기
if (obj != null)
{
// [1] 레이어 크기 구하기
div_width = parseInt(obj.style.width);
div_height = parseInt(obj.style.height);
// [2] 레이어를 위치시킬 x, y좌표 구하기
x = (document.body.clientWidth - div_width) / 2;
y = (document.body.clientHeight - div_height) /2;
// [3] 좌표변경
obj.style.top = y + "px";
obj.style.left = x + "px";
}
}
</script>
</HEAD>
<BODY onload="CenterLayer('div_1')" onresize="CenterLayer('div_1');">
<div id="div_1" style="position:absolute; width:400px; height:300px; BACKGROUND: gray; ">
* 레이어의 크기와 body의 크기를 알아내서 top과 left의 값을 조정한다
</div>
</BODY>
</HTML>
