<script type="text/javascript">
jQuery(function(){
jQuery('.post_button').one('click', function(){
setCookie("popup", "done", 1);
jQuery('.single-post .post').css({"height": "auto", "overflow": "auto", "opacity": "1"});
});
});
function setCookie ( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function getCookie () {
var cookiedata = document.cookie;
if ( cookiedata.indexOf("popup=done") < 0 ){
jQuery('.single-post .post').css({"height": "500px", "overflow": "hidden", "opacity": "0.5"});
}
else {
jQuery('.single-post .post').css({"height": "auto", "overflow": "auto", "opacity": "1"});
}
}
getCookie();
</script>
해당 소스로 버튼 한번클릭한 유저는 게시글 계속 보게끔 작업을 해놓았는데요
쿠키삭제 안할경우 계속 글이 보이는듯하여서요
쿠키삭제 시간을 2시간 이렇게 변경 가능할까요ㅠ 저기소스에서 조금 튜닝하면 될거같은데 아시는분 있나요ㅠㅠ
<script>
jQuery(function(){
jQuery('.post_button').one('click', function(){
setCookie("popup", "done", 1);
jQuery('.single-post .post').css({"height": "auto", "overflow": "auto", "opacity": "1"});
});
});
function setCookie(name, value){
var today = new Date();
today.setHours(12)
today.setMinutes(0);
today.setSeconds(0);
document.cookie = name + '=' + escape(value) + '; expires=' + today.toGMTString();
}
function getCookie () {
var cookiedata = document.cookie;
if ( cookiedata.indexOf("popup=done") < 0 ){
jQuery('.single-post .post').css({"height": "500px", "overflow": "hidden", "opacity": "0.5"});
}
else {
jQuery('.single-post .post').css({"height": "auto", "overflow": "auto", "opacity": "1"});
}
}
getCookie();
</script>
이렇게도 해보았는데 안되어서요ㅠㅠㅠ
안녕하세요~^^
코드를 남겨주실 때는 코드스니펫으로 남겨주셔야
가독성이 좋아 이해하기가 쉽습니다.
아래의 예제 코드를 활용해보시겠어요?
const deleteCookie = (name) => {
document.cookie = name + "=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
};
바닐라 스크립트로 하는 것도 좋지만
jQuery 쿠키 라이브러리를 사용해보시는 것도 좋을 듯 합니다.
https://github.com/carhartl/jquery-cookie
고맙습니다.