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

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개

감사 합니다.

@들레아빠 감사합니당

@써맨 감사합니당.

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

감사합니다 

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
1년 전 조회 1,850
1년 전 조회 1,645
1년 전 조회 1,253
1년 전 조회 1,342
1년 전 조회 5,277
1년 전 조회 1,228
1년 전 조회 1,264
1년 전 조회 1,142
1년 전 조회 1,754
1년 전 조회 1,611
1년 전 조회 1,176
1년 전 조회 61만
1년 전 조회 1,336
1년 전 조회 1,975
1년 전 조회 1,503
1년 전 조회 1,456
1년 전 조회 1,318
1년 전 조회 1,277
1년 전 조회 1,409
1년 전 조회 1,444
1년 전 조회 1,398
1년 전 조회 2,218
1년 전 조회 1,237
1년 전 조회 2,194
1년 전 조회 1,347
1년 전 조회 1,355
1년 전 조회 1,066
1년 전 조회 1,505
1년 전 조회 1,260
1년 전 조회 1,145