테스트 사이트 - 개발 중인 베타 버전입니다

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

 

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

 

그래서 구현 해봤습니다.

 

사용하시는 게시판 스킨 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 팁자료실

글쓰기
🐛 버그신고