팝업만들고 쿠키로 제어하기
1)예제
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>쿠키</title>
<script type="text/javascript">
//<![CDATA[
var cookieName="pop_chk";
var cookieValue="pop2010";
//먼저 쿠키 체크하기
var str=document.cookie; //초기화
if(str.indexOf("pop_chk") != -1){ // indexOf는 "찾고자하는 문자가 없으면 -1이 나온다." 있으면 0,1
num = str.substr(cookieName.length+1);
//substr인덱스 번호를 이용해 원하는 문자열을 가져다 쓸 수 있게 한다.
//str(시작 번호,문자 개수)///문자 갯수안쓰면 끝까지...
//-> 결국, 쿠키에서 값을 가져온다.
}
//값확인하기
alert(num);
//쿠키 생성 함수
function mk_cookie(){
today=new Date();
today.setDate(today.getDate()+1);
document.cookie=cookieName+ "=" +escape(cookieValue)+ "; path=/; expires=" +today.toGMTString()+ ";";
// path=/ <-"경로"
}
//쿠키 삭제 함수
function del_cookie(){
today=new Date();
today.setDate(today.getDate()-10); //만료값을 이전으로 바꿔서 만료기간이 이미 종료하게하여 삭제하는 형태를 만든다.
document.cookie=cookieName+ "=" +escape(cookieValue)+ "; path=/; expires=" +today.toGMTString()+ ";";
}
//쿠키불러오기
document.write(document.cookie+"<br />");
//]]>
</script>
</head>
<body>
<div id="popup" style="background-color:yellow; width:200px;">
광고 배너입니다.
<br /><br />
<a href="javascript:mk_cookie();">다음부터 이 창 열지 않기 </a>
</div>
<br />
<a href="javascript:del_cookie();">쿠키삭제</a>
<br />
</body>
</html>2) 반대로 되어있으니까... 역할 바꾸기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>쿠키</title>
<script type="text/javascript">
//<![CDATA[
window.onload = function(){//문서를 다 불러온 다음에 함수를 실행하도록
// <= 역할 바꿔주기 "IF"문이 중간에 들어있어 오류발생 :: 한줄씩해석하는 인터프린터 언어이므로
//역할 바꿔주기 .
if (num == "pop2010") {
document.getElementById("popup").style.display = "none";
}
}
var cookieName="pop_chk";
var cookieValue="pop2010";
//먼저 쿠키 체크하기
var str=document.cookie; //초기화
if(str.indexOf("pop_chk") != -1){ // indexOf는 "찾고자하는 문자가 없으면 -1이 나온다." 있으면 0,1
num = str.substr(cookieName.length+1);
//substr인덱스 번호를 이용해 원하는 문자열을 가져다 쓸 수 있게 한다.
//str(시작 번호,문자 개수)///문자 갯수안쓰면 끝까지...
//-> 결국, 쿠키에서 값을 가져온다.
}
//그떄그떄 중간점검.. 값 확인하기 alert(num);
//쿠키 생성 함수
function mk_cookie(){
today=new Date();
today.setDate(today.getDate()+1);
document.cookie=cookieName+ "=" +escape(cookieValue)+ "; path=/; expires=" +today.toGMTString()+ ";";
// path=/ <-"경로"
}
//쿠키 삭제 함수
function del_cookie(){
today=new Date();
today.setDate(today.getDate()-10); //만료값을 이전으로 바꿔서 만료기간이 이미 종료하게하여 삭제하는 형태를 만든다.
document.cookie=cookieName+ "=" +escape(cookieValue)+ "; path=/; expires=" +today.toGMTString()+ ";";
}
//쿠키불러오기
document.write(document.cookie+"<br />");
//]]>
</script>
</head>
<body>
<div id="popup" style="background-color:yellow; width:200px;">
광고 배너입니다.
<br /><br />
<a href="javascript:mk_cookie();">다음부터 이 창 열지 않기 </a>
</div>
<br />
<a href="javascript:del_cookie();">쿠키삭제</a>
<br />
</body>
</html>
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스5) javascript 기본 문서구조 : DOM (2) (0) | 2011.04.23 |
|---|---|
| 샘플소스5) javascript 기본 문서구조 : DOM (1) (0) | 2011.04.23 |
| 샘플소스5) javascript 기본 문서구조 : cookie (1) (0) | 2011.04.23 |
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 4. (0) | 2011.04.22 |
| 샘플소스4) javascript 기본 문서구조 : window객체 3)이벤트.이벤트핸들러 4. (0) | 2011.04.22 |
댓글