카테고리 없음

div 팝업창, 하루짜리

하늘치 2008. 11. 13. 05:58
반응형


   <!-- div 팝업창 띄우기 -->

   <script>
   //쿠키 생성 함수
   function setCookie(name, value, expirehours, domain) {
    var todayDate = new Date();
    todayDate.setHours( todayDate.getHours() + expirehours );
    if(expirehours == 0)
    document.cookie = name + "=" + escape( value ) + "; path=/; domain="+ domain + ";";
    else
    document.cookie = name + "=" + escape( value ) + "; path=/; domain="+ domain +"; expires=" + todayDate.toUTCString() + ";";
   }
   //쿠키 소멸 함수
   function clearCookie(name) {
    var today = new Date();
   //어제 날짜를 쿠키 소멸 날짜로 설정한다.
    var expire_date = new Date(today.getTime() - 86401000);
    document.cookie = name + "= " + "; expires=" + expire_date.toUTCString();
   }

   function closeWin(name, expirehours) {
    setCookie( name, "done" , expirehours, "ruffi.mireene.com");
    self.close();
   }

   function hideDiv(obj, name, value, expirehours, domain) {
    setCookie( name, value , expirehours, domain);
    document.getElementById(obj).style.display='none';
    //document.getElementById(obj).style.visibility='hidden';
   }
   function getStyle(obj) {
    return ( document.getElementById(obj).style );
   }

   function getCookie(cookieName)
   {
    var cookieValue = null;
    var posName = document.cookie.indexOf(escape(cookieName) + '=');
    if (posName != -1) {
    var posValue = posName + (escape(cookieName) + '=').length;
    var endPos = document.cookie.indexOf(';', posValue);
    if (endPos != -1) {
    cookieValue = unescape(document.cookie.substring(posValue, endPos));
    }
    else {
    cookieValue = unescape(document.cookie.substring(posValue));
    }
    }
    return cookieValue;
   }
   </script>

 


   <div id="notice1" style="position: absolute; display: block; width: 450px; left: 280px; top: 170px;" onclick="hideDiv(this.id,'gn1','yes',24,'ruffi.mireene.com')">
   ^^ 클릭하면 하루동안 보이지 않아요..<br>

   </div>


   <script type="text/javascript">

   <!--
   var obj = getStyle('notice1');
   if(getCookie('gn1') != 'yes') obj.display = 'block';
   else obj.display = 'none';

   obj.margin = 0;
   obj.padding = 0;
   obj.width = 270+"px"; // 370 is original, 450.
   obj.left = 21+"px";
   obj.top = 580+"px";
   obj.borderWidth = 0;
   obj.borderStyle = 'solid';
   obj.borderColor = '#4846FF';
   obj.backgroundColor = 'white';

   //-->

   </script>


   <!-- div 팝업창 띄우기 끝 -->

반응형