읽은 글 회색으로 표기
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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2665 |
선택과집중
|
3개월 전 | 558 | |
| 2664 |
|
3개월 전 | 608 | |
| 2663 |
|
3개월 전 | 564 | |
| 2662 |
선택과집중
|
3개월 전 | 495 | |
| 2661 | 3개월 전 | 579 | ||
| 2660 |
Modify
|
3개월 전 | 644 | |
| 2659 |
선택과집중
|
3개월 전 | 404 | |
| 2658 | 3개월 전 | 443 | ||
| 2657 |
|
4개월 전 | 955 | |
| 2656 |
선택과집중
|
4개월 전 | 537 | |
| 2655 | 4개월 전 | 394 | ||
| 2654 |
선택과집중
|
4개월 전 | 575 | |
| 2653 | 4개월 전 | 387 | ||
| 2652 | 4개월 전 | 437 | ||
| 2651 |
선택과집중
|
4개월 전 | 316 | |
| 2650 |
선택과집중
|
4개월 전 | 414 | |
| 2649 | 4개월 전 | 434 | ||
| 2648 |
welcome
|
4개월 전 | 537 | |
| 2647 |
디지털홍익인간
|
4개월 전 | 446 | |
| 2646 | 4개월 전 | 456 | ||
| 2645 |
선택과집중
|
4개월 전 | 501 | |
| 2644 | 4개월 전 | 447 | ||
| 2643 | 4개월 전 | 364 | ||
| 2642 | 4개월 전 | 348 | ||
| 2641 | 4개월 전 | 385 | ||
| 2640 | 4개월 전 | 1349 | ||
| 2639 |
|
4개월 전 | 499 | |
| 2638 |
세르반데스
|
5개월 전 | 390 | |
| 2637 |
선택과집중
|
5개월 전 | 557 | |
| 2636 |
선택과집중
|
5개월 전 | 672 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기