JavaScript & jQuery
jquery 오늘하루 보이지 않음
이빛나리
2011. 9. 9. 16:50
Q.
새로고침을 할 때마다 자동으로 문장이 fadeIn되서 출력된다.
하지만, 체크박스를 체크하고 'OK'버튼을 클릭하면 그 다음부터는 새로고침을 해도 문장이 하루동안 출력되지 않는다.
처음 로드된 출력화면.
체크박스를 체크하고 로드된 출력화면.
문장을 출력하는 함수를 호출 할 때, 이전에 저장된 쿠키내용을 비교하여( if 문 사용) 함수 호출여부를 결정하는 것이다.
즉, 쿠키가 사라지기 전까지 해당 이벤트(문장의 fadeIn)는 발생하지 않는 것이다.
(쿠키값을 어떻게 불러오는지 또 쿠키값을 어떻게 생성하는지만 알면 어렵지 않게 코딩 할 수 있다.)
새로고침을 할 때마다 자동으로 문장이 fadeIn되서 출력된다.
하지만, 체크박스를 체크하고 'OK'버튼을 클릭하면 그 다음부터는 새로고침을 해도 문장이 하루동안 출력되지 않는다.
처음 로드된 출력화면.
체크박스를 체크하고 로드된 출력화면.
문장을 출력하는 함수를 호출 할 때, 이전에 저장된 쿠키내용을 비교하여( if 문 사용) 함수 호출여부를 결정하는 것이다.
즉, 쿠키가 사라지기 전까지 해당 이벤트(문장의 fadeIn)는 발생하지 않는 것이다.
(쿠키값을 어떻게 불러오는지 또 쿠키값을 어떻게 생성하는지만 알면 어렵지 않게 코딩 할 수 있다.)
페이지 그냥 로드(쿠키가 저장되지 않은 상태) - if 문 결과 true - if 문 안에서 문장출력하는 함수호출
체크박스 체크하고 로드(쿠키가 저장된 상태) - if 문 결과 false- 문장출력하는 함수호출 못함
체크박스 체크하고 로드(쿠키가 저장된 상태) - if 문 결과 false- 문장출력하는 함수호출 못함
<HTML>
<HEAD>
<style type="text/css">
p { width:400px; display:none;}
</style>
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<HEAD>
<style type="text/css">
p { width:400px; display:none;}
</style>
<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<p id="p1"> Only I can change my life. No one can do it for me.<br/>
Well begun is <em>half</em> done.</p>
<form name="frm" method="post">
<input type="checkbox" name="Notice"> 오늘하루 보이지않음
<button id="b1" OnClick="notice_closeWin();">OK</button>
</form>
Well begun is <em>half</em> done.</p>
<form name="frm" method="post">
<input type="checkbox" name="Notice"> 오늘하루 보이지않음
<button id="b1" OnClick="notice_closeWin();">OK</button>
</form>
<script>
</script>
</BODY>
</HTML>
cookie_pop = document.cookie;
if (cookie_pop.indexOf("popup=no") < 0) -- indexOf: 해당문자의 위치를 반환합니다. 해당문자가 없다면 -1을 반환
{
if (cookie_pop.indexOf("popup=no") < 0) -- indexOf: 해당문자의 위치를 반환합니다. 해당문자가 없다면 -1을 반환
{
open();
}
-- 문장이 fadeIn되는 함수
function open()
{
function open()
{
$(p1).slideDown("slow");
}
function notice_setCookie( name, value, expiredays )
{
{
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
-- 쿠키를 생성합니다.
-- 쿠키를 생성합니다.
}
function notice_closeWin()
{
{
if ( document.frm.Notice.checked )
notice_setCookie( "popup", "no" , 1); -- 쿠키생성 함수를 호출합니다.
self.close();
}
</script>
</BODY>
</HTML>