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

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드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>

 

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

978180634_1715046178.0487.png

 

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

 


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

 

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

 

978180634_1715046237.7341.png

 

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

 

고맙습니다.

추천
8

댓글 6개

전체 2,455 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT