701
No
cookie_login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<%@ include file="../include/header.jsp" %>
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function(){
//팝업창 열기
//window.open(url,id,option);
//팝업창 열기 옵션값을 가져옴
var show = getCookie("showCookies");
if(show != "N"){
window.open(
"popup.jsp","","width=300,height=400");
}
//저장된 쿠키 조회
var cookie_userid=getCookie("userid");
//저장된 쿠키가 있으면
if(cookie_userid != ""){
//userid 태그에 쿠키값을 입력
$("#userid").val( cookie_userid );
//체크박스를 체크상태로 설정
$("#chkSave").attr("checked", true);
}
//로그인 버튼 클릭
$("#btnLogin").click(function(){
if($("#chkSave").is(":checked")){ //check
saveCookie($("#userid").val());
}else{ //uncheck
saveCookie("");
}
});
//아이디 저장 클릭
$("#chkSave").click(function(){
//태그.is(":속성") 속성값
if($("#chkSave").is(":checked")){
//if($("#chkSave").attr("checked")){
if(!confirm(
"로그인 정보를 저장하시겠습니까?")){
//태그.attr("속성",속성값)
//태그의 속성값을 설정
// attr html요소, prop javascript요소
//$("#chkSave").attr("checked",false);
$("#chkSave").prop("checked",false);
}
}
});
});
function saveCookie(id){
if(id != "") {
setCookie("userid", id, 7); //7일
}else{
setCookie("userid", id, -1); //삭제
}
}
// setCookie(쿠키변수명, 쿠키값, 유효날짜)
function setCookie(name, value, days){
var today=new Date(); //날짜 객체
//쿠키의 유효기간 설정
//today.getDate() 오늘 날짜
today.setDate( today.getDate() + days );
// 쿠키변수명=쿠키값;path=저장경로;expires=만료일자
// userid=kim;path=/;expires=날짜;
//userid=kim;Max-Age=10;domain=localhost;path=/web03
document.cookie=name+"="+value+";path=/;expires="
+today.toGMTString()+";";
}
//저장된 쿠키를 검사하는 함수
function getCookie(cname){
var cookie=document.cookie+";";
console.log(cookie);
var idx=cookie.indexOf(cname,0);
var val="";
if(idx != -1){
console.log(idx+","+cookie.length);
// substring( start, length )
cookie=cookie.substring(idx, cookie.length);
begin = cookie.indexOf("=",0)+1;
end = cookie.indexOf(";",begin);
console.log(begin+","+end);
// substring(start,end) start ~ end-1
val = cookie.substring(begin,end);
}
return val;
}
</script>
</head>
<body>
<!-- cookie_login.jsp -->
<!-- 아이디 저장
팝업창 쿠키 -->
<form method="post" name="form1"
action="${path}/cookie_servlet/login.do">
<table border="1">
<tr>
<td>아이디</td>
<td><input name="userid" id="userid">
<input type="checkbox" id="chkSave"> 아이디 저장
</td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password" name="passwd"></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="로그인"
id="btnLogin">
</td>
</tr>
</table>
</form>
</body>
</html>
|
||||||
popup.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<%@ include file="../include/header.jsp" %>
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function(){
$("#nopopup").click(function(){
var now=new Date();
var val="";
now.setDate(now.getDate());
if(this.checked == true){
val = "N"; //7일간 팝업 안함
}else{
val = "Y"; //7일간 팝업
}
setCookie("showCookies", val, 7);
});
});
function setCookie(cname, cvalue, days){
var d=new Date();
//만료날짜 설정
d.setTime(d.getTime() + (days*24*60*60*1000));
var expires="expires="+d.toGMTString();
document.cookie = cname+"="+cvalue+";"+expires;
window.close(); //현재 창 닫기
}
</script>
</head>
<body>
<!-- popup.jsp -->
<input type="checkbox" id="nopopup"> 7일간 보이지 않기
</body>
</html>
댓글 ( 4)
댓글 남기기