공지사항 닫기 기능 구현하기

최근에 사이트 보면, 공지사항이 너무 많아 닫기 기능을 구현하는 경우가 많더라구요
그래서 구현 해봤습니다.
사용하시는 게시판 스킨 list.php 을 열어주세요 (해당 코드 적용 시 view.skin.php 파일은 자동 적용)
적당한 위치에 아래 코드를 넣습니다.
참고로 순정 기준 48번 라인에 작성 했습니다.
[code]
아래 코드 찾으셔서 li 코드만 넣어주세요
<ul class="btn_bo_user">
<li><button type="button" class="btn_b01 btn notice_icon" title="공지 닫기"><i class="fa fa-bullhorn" aria-hidden="true"></i><span class="sound_only">공지 닫기</span></button></li>
[/code]
아래는 코드 첨부한 스샷이니 헤갈리지 않으실껍니다.

스크립트 부분에 아래 코드를 첨부 합니다.
[code]
$(".bo_notice").hide();
let notice_shown = localStorage.getItem('notice_shown');
if (!notice_shown) {
$(".bo_notice").show();
}
$(document).on("click", ".notice_icon", function() {
let noticeKey = 'notice_shown';
if (localStorage.getItem(noticeKey) !== 'true') {
localStorage.setItem(noticeKey, 'true');
} else {
localStorage.removeItem(noticeKey);
}
$(".bo_notice").toggle();
});
[/code]
마찬가지로 어딘지 모르실 것 같아서 위치도 포함합니다.

로컬 스토리지를 이용하기에 제거 하지 않는 이상은 계속 해서 공지 닫기가 설정 됩니다.
고맙습니다.
댓글 6개
감사 합니다.
@들레아빠 감사합니당
감사합니다.
@써맨 감사합니당.
깔금하게 볼수 있어요~ 좋아요!
감사합니다
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4415 | ||
| 2334 | 2년 전 | 3694 | ||
| 2333 | 2년 전 | 2061 | ||
| 2332 |
swallow
|
2년 전 | 1421 | |
| 2331 | 2년 전 | 2502 | ||
| 2330 | 2년 전 | 3446 | ||
| 2329 |
welcome
|
2년 전 | 2127 | |
| 2328 | 2년 전 | 1501 | ||
| 2327 |
|
2년 전 | 2195 | |
| 2326 | 2년 전 | 1342 | ||
| 2325 | 2년 전 | 2152 | ||
| 2324 | 2년 전 | 1628 | ||
| 2323 |
희동이76
|
2년 전 | 1400 | |
| 2322 | 2년 전 | 2198 | ||
| 2321 | 2년 전 | 1739 | ||
| 2320 |
희동이76
|
2년 전 | 1387 | |
| 2319 | 2년 전 | 2192 | ||
| 2318 |
슈퍼스타맨
|
2년 전 | 1821 | |
| 2317 | 2년 전 | 1487 | ||
| 2316 | 2년 전 | 1966 | ||
| 2315 | 2년 전 | 1767 | ||
| 2314 | 2년 전 | 1271 | ||
| 2313 | 2년 전 | 1456 | ||
| 2312 | 2년 전 | 2495 | ||
| 2311 | 2년 전 | 1714 | ||
| 2310 | 2년 전 | 1711 | ||
| 2309 | 2년 전 | 3336 | ||
| 2308 | 2년 전 | 1024 | ||
| 2307 | 2년 전 | 1618 | ||
| 2306 |
디지털홍익인간
|
2년 전 | 2506 | |
| 2305 | 2년 전 | 1900 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기