Live Brilliant

레이어 팝업 두개 달기 본문

개발은 핵찜이야/HTML/CSS

레이어 팝업 두개 달기

주인정 2012. 4. 13. 15:56

<!-- 이벤트 공지 팝업 -->
<STYLE type=text/css>
#wrap{ position:relative; margin:0 auto; width:960px;}
</STYLE>
<script language="JavaScript">
<!--
function setCookie( name, value, expirehours ) {
var todayDate = new Date();
todayDate.setHours( todayDate.getHours() + expirehours );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin() {
if ( document.chk_form.chkbox.checked ){ //메인이미지 체크폼
setCookie( "ncookie", "done" , 24 ); //체크되어있으면 하루동안 열지 않기
}
document.getElementById('k_popup').style.display = "none"; //레이어 id='k_popup' 이미지를 none 으로
}

function closePopup() {
if ( document.ck_form.ckbox.checked ){ //로그인이미지폼
setCookie( "ncookie1", "done" , 24 ); //체크되어있으면 하루동안 열지 않기
}
document.getElementById('login_popup').style.display = "none"; //레이어 id='k_popup' 이미지를 none 으로
}

//-->
</script>
<!-- 최상 div-->
<div id="wrap">

<!-- 로그인 부분 -->
<div id="login_popup" style="position:absolute; top:0px; left:0px; width:189px; height:163px; z-index:3" >
<!-- 이미지 레이어 -->
<div>

<img src="layer_pop_01.jpg" width="190" height="194" border="1" usemap="#Map">
<map name="Map" id="Map">
<!-- COORDS="x의시작점,y시작점,x끝점,y끝점" -->
<AREA SHAPE="rect" COORDS="8,8,183,162" HREF="http://도메인/_payment/cash.php" onFocus="this.blur()" >
<area shape="rect" coords="145,173,187,191" href="javascript:closePopup();" onFocus="this.blur()"/>
</map> </div>
<!--체크박스 레이어-->
<div style="position:absolute; top:169px; left:15px; width:22px; height:21px;">
<form name="ck_form">
<input type="checkbox" name="ckbox" value="ckbox">
</form>
</div>

</div>
<!--메인 레이어-->
<div id="k_popup" style="position:absolute; top:122px; left:195px; width:536px; height:315px; z-index:2">


<!--이미지 레이어-->
<div>
<img src="layer_pop_02.jpg" width="530" height="310" border="1" USEMAP="#eventMap2"> </div>

<!--체크박스 레이어-->
<div style="position:absolute; top:288px; left:325px; width:23px; height:23px;">
<form name='chk_form'>
<input type='checkbox' name='chkbox' value='checkbox'>
</form>
</div>
</div>
<map name="eventMap2">
<AREA SHAPE="rect" COORDS="7,8,521,281" HREF="http:// 도메인 /_payment/cash.php" onFocus="this.blur()" >

<AREA SHAPE="rect" COORDS="490,291,526,307" href="javascript:closeWin();" onFocus="this.blur()">
</map>

</div>

<script language="JavaScript">
<!--
cookiedata = document.cookie;
if ( cookiedata.indexOf("ncookie=done") < 0 ){
document.getElementById('k_popup').style.display = "block"; //레이어 보인다
}else {
document.getElementById('k_popup').style.display = "none"; //레이어 안보인다
}

if ( cookiedata.indexOf("ncookie1=done") < 0 ){
document.getElementById('login_popup').style.display = "block"; //레이어 보인다
}else {
document.getElementById('login_popup').style.display = "none"; //레이어 안보인다
}


//-->
</script>

 

Comments