You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.4 KiB
54 lines
1.4 KiB
|
|
<%-- |
|
클릭시 일정영역을 팝업으로 출력함. |
|
--%> |
|
<%@page contentType="text/html" pageEncoding="UTF-8"%> |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
|
|
|
<html> |
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
<script type="text/javascript" src="/test/jquery-1.6.4.js"></script> |
|
<script> |
|
|
|
$(document).ready(function() { |
|
$(document).mousedown(function(e) { |
|
$('._popup').each(function() { |
|
if($(this).css('display')=='block') |
|
{ |
|
var l_position = $(this).offset(); |
|
l_position.right = parseInt(l_position.left) + ($(this).width()); |
|
l_position.bottom = parseInt(l_position.top) + parseInt($(this).height()); |
|
if((l_position.left <= e.pageX && e.pageX <= l_position.right)&&(l_position.top <= e.pageY && e.pageY <= l_position.bottom)); |
|
else $(this).hide("fast"); |
|
} |
|
}); |
|
}); |
|
}) |
|
|
|
function show_popup() { $('._popup').show("fast"); } |
|
|
|
</script> |
|
|
|
</head> |
|
<body> |
|
<a href="javascript:show_popup();">LOGIN</a> |
|
<div class="_popup" style="width:250px;height:80px; border:2px solid #777;display:none;"> |
|
<table border="0"> |
|
<tr> |
|
<td height="40"> |
|
아이디 : <input type="text" length="10"> |
|
</td> |
|
</tr> |
|
<tr> |
|
<td> |
|
암 호 : <input type="text" length="10"> |
|
</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</body> |
|
</html> |
|
|
|
|
|
|
|
|