읽은 글 회색으로 표기
bbs/list.php 최하단부에 다음 소스를 넣어보세요.
[code]
<script>
// 쿠키 설정 함수
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
// 쿠키 읽기 함수
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i].trim();
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
// 게시글 링크 클릭시 호출되어 쿠키에 방문 글 ID를 저장하는 함수
function markVisitedArticle(link) {
// 예시: URL에 "wr_id" 파라미터가 있다고 가정
var url = new URL(link.href);
var wr_id = url.searchParams.get('wr_id');
if (wr_id) {
var visited = getCookie("visitedPosts");
var visitedArr = visited ? visited.split(',') : [];
if (visitedArr.indexOf(wr_id) === -1) {
visitedArr.push(wr_id);
setCookie("visitedPosts", visitedArr.join(','), 30); // 30일간 저장
}
}
}
document.addEventListener('DOMContentLoaded', function(){
// 리스트 내의 게시글 링크 선택 (적절한 셀렉터 사용)
var links = document.querySelectorAll('.list-board .list-body .wr-subject > a');
// 링크 클릭 시 방문 처리
links.forEach(function(link) {
link.addEventListener('click', function(){
markVisitedArticle(link);
});
});
// 페이지 로드시 쿠키에 저장된 방문 글 ID에 대해 스타일 적용
var visited = getCookie("visitedPosts");
if (visited) {
var visitedArr = visited.split(',');
links.forEach(function(link){
var url = new URL(link.href);
var wr_id = url.searchParams.get('wr_id');
if (wr_id && visitedArr.indexOf(wr_id) !== -1) {
// 방문한 게시글에 대한 스타일 지정
link.style.color = "#9b9ea5";
link.style.textDecoration = "none";
}
});
}
});
</script>
[/code]
댓글 4개
유용한정보감사합니다
감사합니다
감사합니다
감사합니다
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4443 | ||
| 2604 | 8개월 전 | 679 | ||
| 2603 | 9개월 전 | 740 | ||
| 2602 | 9개월 전 | 653 | ||
| 2601 |
|
9개월 전 | 673 | |
| 2600 |
|
9개월 전 | 583 | |
| 2599 | 9개월 전 | 811 | ||
| 2598 | 9개월 전 | 607 | ||
| 2597 |
다케미카코
|
9개월 전 | 762 | |
| 2596 | 9개월 전 | 861 | ||
| 2595 |
|
9개월 전 | 452 | |
| 2594 | 9개월 전 | 613 | ||
| 2593 |
만두먹고또먹고
|
9개월 전 | 942 | |
| 2592 | 9개월 전 | 618 | ||
| 2591 | 9개월 전 | 627 | ||
| 2590 | 9개월 전 | 693 | ||
| 2589 |
|
9개월 전 | 764 | |
| 2588 | 9개월 전 | 482 | ||
| 2587 | 9개월 전 | 802 | ||
| 2586 | 9개월 전 | 648 | ||
| 2585 | 9개월 전 | 515 | ||
| 2584 | 9개월 전 | 584 | ||
| 2583 | 9개월 전 | 504 | ||
| 2582 | 9개월 전 | 649 | ||
| 2581 | 10개월 전 | 607 | ||
| 2580 |
만두먹고또먹고
|
10개월 전 | 522 | |
| 2579 |
|
10개월 전 | 675 | |
| 2578 | 10개월 전 | 654 | ||
| 2577 | 10개월 전 | 633 | ||
| 2576 | 10개월 전 | 570 | ||
| 2575 |
이슈DEV
|
10개월 전 | 998 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기