마카로닉스

1674 No

심플 팝업창

2020-01-15 17:09:40 By 라이트 0 843 댓글수 4 포스트 하기

4월 2024
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

popupTest.html

<html>
<head>
  <meta charset="UTF-8">
 <title> 자바스크립트에서 쿠키 사용 </title>
 <script type = "text/javascript">
  // 페이지 로드 이벤트 처리
  window.onload = pageLoad;
  function pageLoad(){
  // 저장된 쿠키 읽어오기
   notShowPop =getCookieValue();
   if(notShowPop!="true"){
      window.open("popUp.html","pop","width=400,height=500,history=no,resizable=no,status=no,scrollbars=yes,menubar=no");
   }
  }

  // 쿠키 읽어오는 함수
  function getCookieValue(){   
     var result="false";
   // 쿠키 여부 확인
    if(document.cookie != ""){
      cookie = document.cookie.split(";"); 
      for(var i=0; i<cookie.length;i++){
	element=cookie[i].split("=");
	value=element[0];				 
	value=value.replace(/^\s*/,''); 
	if(value=="notShowPop"){
	 result= element[1];
        }
      }
   }
   return result;
  }
 function  deleteCookie(){
    document.cookie = "notShowPop=" + "false" + ";path=/; expires=-1" ;
  }
 </script>
</head>
<body>
  <form>
    <input type=button value="쿠키삭제"  onClick="deleteCookie()" >
  </form>
</body>
</html>

popUp.html

<html>
  <head>
  <meta charset="UTF-8">
  <script type="text/javascript">
   function setPopUpStart(obj){
      if(obj.checked==true){
         var expireDate = new Date();
	 expireDate.setMonth(expireDate.getMonth() + 1);
	 document.cookie ="notShowPop=" +"true" + ";path=/; expires=" + 
                                               expireDate.toGMTString();
         window.close();
      }
  }
  </script>
  </head>
  <body>
    알림 팝업창입니다.
	<br><br><br><br><br><br><br>
   <form>
    <input type=checkbox  onClick="setPopUpStart(this)" >오늘 더 이상 팝업창 띄우지 않기   
   </form>
  </body>
</html/>