jquery-cooki.js

리스트 내에 글의 읽음 여부를 표시하기 위해 아래와 같이 처리라도 가능하다.

 

// jquery 링크 삽입 필요.

 

jquery-3.3.1.min.js

jquery.cookie.js

 

 

// onclick

function saveID(id) {

  if ($.cookie('idCookie')) {

    $.cookie('idCookie', $.cookie('idCookie') + "," + id);

  } else {

    $.cookie('idCookie', id);

  }

}

// make all links colored

function setVisted() {

  var idArray = $.cookie('idCookie').split(',');

  for (var x=0; x<idArray.length; x++) {

    $('#' + idArray[x]).css('color', '#ff0000');

  }

}

// assign saveID()

$(document).ready(function(){

  $('a').click(function(){

    saveId($(this).attr('id'));

  });

  setVisited();

});

 

# cooki 저장 기간을 정하려면 아래 소스를 참고하여 옵션 처리한다.

// 세션 쿠키 생성 - 브라우저를 닫으면 삭제

$.cookie('name', 'value');

 

// 7일 뒤에 만료되는 쿠키 생성

$.cookie('name', 'value', { expires: 7 });

 

// 전체 사이트에 대해 7일 뒤에 만료되는 쿠키 생성

$.cookie('name', 'value', { expires: 7, path: '/' });