공지사항 닫기 기능 구현하기 > 그누보드5 팁자료실

그누보드5 팁자료실

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

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

본문

최근에 사이트 보면, 공지사항이 너무 많아 닫기 기능을 구현하는 경우가 많더라구요

그래서 구현 해봤습니다.

사용하시는 게시판 스킨 list.php 을 열어주세요 (해당 코드 적용 시 view.skin.php 파일은 자동 적용)

적당한 위치에 아래 코드를 넣습니다.

참고로 순정 기준 48번 라인에 작성 했습니다.


아래 코드 찾으셔서 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>

아래는 코드 첨부한 스샷이니 헤갈리지 않으실껍니다.

스크립트 부분에 아래 코드를 첨부 합니다.


  $(".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();
 
        });

마찬가지로 어딘지 모르실 것 같아서 위치도 포함합니다.