미

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

978180634_1715045977.2143.gif

 

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

 

그래서 구현 해봤습니다.

 

사용하시는 게시판 스킨 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]

 

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

978180634_1715046178.0487.png

 

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

 

[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]

 

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

 

978180634_1715046237.7341.png

 

로컬 스토리지를 이용하기에 제거 하지 않는 이상은 계속 해서 공지 닫기가 설정 됩니다.

 

고맙습니다.

|

댓글 6개

감사 합니다.

@들레아빠 감사합니당

@써맨 감사합니당.

깔금하게 볼수 있어요~ 좋아요!

감사합니다 

댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
24-05-08 조회 4,422
24-05-07 조회 5,541
24-05-07 조회 4,934
24-05-05 조회 5,013
24-05-04 조회 4,603
24-05-04 조회 4,361
24-05-03 조회 4,443
24-05-02 조회 4,605
24-04-30 조회 4,516
24-04-29 조회 5,527
24-04-29 조회 4,255
24-04-27 조회 5,486
24-04-24 조회 4,290
24-04-24 조회 4,438
24-04-24 조회 4,065
24-04-21 조회 4,545
24-04-19 조회 4,485
24-04-17 조회 4,157
24-04-17 조회 4,883
24-04-15 조회 5,288
24-04-10 조회 4,111
24-04-09 조회 4,950
24-04-08 조회 4,476
24-04-08 조회 4,386
24-04-08 조회 4,122
24-04-05 조회 5,586
24-04-04 조회 4,408
24-04-02 조회 4,300
24-03-31 조회 5,369
24-03-31 조회 4,340