<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript1.2">
isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
function ddInit(e){
topDog=isIE ? "BODY" : "HTML";
whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");
hotDog=isIE ? event.srcElement : e.target;
while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
}
if (hotDog.id=="titleBar"){
offsetx=isIE ? event.clientX : e.clientX;
offsety=isIE ? event.clientY : e.clientY;
nowX=parseInt(whichDog.style.left);
nowY=parseInt(whichDog.style.top);
ddEnabled=true;
document.onmousemove=dd;
}
}
function dd(e){
if (!ddEnabled) return;
whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx;
whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
return false;
}
function ddN4(whatDog){
if (!isN4) return;
N4=eval(whatDog);
N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
N4.onmousedown=function(e){
N4.captureEvents(Event.MOUSEMOVE);
N4x=e.x;
N4y=e.y;
}
N4.onmousemove=function(e){
if (isHot){
N4.moveBy(e.x-N4x,e.y-N4y);
return false;
}
}
N4.onmouseup=function(){
N4.releaseEvents(Event.MOUSEMOVE);
}
}
function hideMe(){
if (isIE||isNN) whichDog.style.visibility="hidden";
else if (isN4) document.theLayer.visibility="hide";
}
function showMe(){
if (isIE||isNN) whichDog.style.visibility="visible";
else if (isN4) document.theLayer.visibility="show";
}
document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");
function notice_setCookie( name, value, expiredays )
{
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + '=' + escape( value ) + '; path=/; expires=' + todayDate.toGMTString() + ';'
return;
}
function notice_getCookie( name )
{
var nameOfCookie = name + "=";
var x = 0;
while ( x <= document.cookie.length )
{
var y = (x+nameOfCookie.length);
if ( document.cookie.substring( x, y ) == nameOfCookie ) {
if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
endOfCookie = document.cookie.length;
return unescape( document.cookie.substring( y, endOfCookie ) );
}
x = document.cookie.indexOf( " ", x ) + 1;
if ( x == 0 ) break;
}
return "";
}
</script>
</HEAD>
<BODY>
<!-- 레이어 팝업 내용 시작 -->
<div id="theLayer" style="position:absolute;width:400px; visibility:visible; left:100px; top: 100px; display:none;">
<table border="0" width="250" bgcolor="#424242" cellspacing="0" cellpadding="5">
<tr>
<td width="100%">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="36">
<tr>
<td id="titleBar" style="cursor:move" width="80%">
<ilayer width="100%" onSelectStart="return false">
<layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false">
<font face="Arial" color="#FFFFFF">팝업내용</font>
</layer>
</ilayer>
</td>
<td style="cursor:hand" valign="top" width="20%" align="right">
<a href="#" onClick="hideMe();return false"><font color=#ffffff size=2 face=arial style="text-decoration:none"><font color=#ffffff size=2 face=arial style="text-decoration:none">X </font></a>
</td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding:14px" colspan="2"><p><img src="<?=$myurl?>/images/popup.jpg" border="0"><p/></td>
</tr>
<tr><td height="5"></td>
</tr>
<tr><td align=center width="400"><INPUT TYPE="checkbox" NAME="popupCookie" onclick="notice_setCookie('popup','done',1);hideMe();"> <FONT COLOR="#FFFFFF">하루동안 이창 보이지 않기</FONT></td>
</tr>
</table>
</td>
</tr>
</table>
</div><!-- 레이어 팝업 내용 끝 -->
<script type="text/javascript">
if(notice_getCookie("popup") != "done") theLayer.style.display="block";
</script>
</BODY>
</HTML>
'WEB' 카테고리의 다른 글
| html input에 숫자만 입력 받도록 하기 (0) | 2013.10.10 |
|---|---|
| IE10 new date() getYear 문제 (0) | 2013.08.01 |
| IE7 문제점 해결: z-index, 리스트 계단현상, Hack, hasLayout (0) | 2013.02.14 |
| IE7 Z-INDEX 문제 (0) | 2013.02.14 |
| IE를 버전별로 볼 수 있는 IEtester (0) | 2013.01.31 |