Cookie 관련

쿠키 생성,가져오기,삭제

<script language='javascript' type='text/javascript'> // 쿠키 생성 // name:이름,value:값,expiredays:유효기간 function setCookie( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); // 유효시간이 1분인경우: todayDate.setMinutes(todayDate.getMinutes() + expiredays); // 동일설정: todayDate.setTime(todayDate.getTime() + (expiredays * 24 * 60 * 60 * 1000) ); var cookie = name + "=" + escape( value ) + "; path=/;"; if (typeof expiredays != undefined) { cookie = cookie + " expires=" + todayDate.toGMTString() + ";" } document.cookie = cookie; } // 쿠키 가져오기 function 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 ""; } // 쿠키 삭제 function delCookie(name) { var todayDate = new Date(; todayDate.setDate( todayDate.getDate() - 1 ); //과거 시간으로 바꾸기 // 동일: todayDate.setTime(todayDate.getTime( - 1); var value = getCookie(name); if(value ! = "") { var cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"; } } </script>

 

 

예: Div 창 하루동안 띄우기 예제

 

HTML

<div id="div명" align="center" style="display:none;border-width:0px;Z-INDEX: 201; POSITION: absolute;left:528px; top:255px;"> ... <input type="checkbox" name="close" value="OK" onclick="javascript:divSetCookienClose('div명', 1);" style="padding-top:6px"/>하루동안 이 창을 열지 않음 ... <div style="cursor:pointer;border:0px solid #000000;width:30px;height:15px;float:right" onclick="javascript:divClose('div명');">닫기</div> ... </div> <script type="text/javascript"> divDisplay('div명'); </script>

 

자바스크립트

<script language='javascript' type='text/javascript'> // div 창을 띄울시 쿠키값이 없으면 띄울것 // 있으면 하루동안 체크된것임 function divDisplay( divName ) { var blnCookie = getCookie( divName ); var obj = eval( "window." + divName ); if( !blnCookie ) { obj.style.display = "block"; } } // div 창 그냥 닫기 function divClose(divName) { var obj = eval( "window." + divName ); obj.style.display = "none"; } // Cookie 설정 후 div 창 닫기 function divSetCookienClose(divName, expiredays) { setCookie( divName, "done" , expiredays); var obj = eval( "window." + divName ); obj.style.display = "none"; } </script>