Extra Form
PHP PHP 7.3
CMS Rhymix

1.PNG

 

레이아웃 상단에 알림센터를 추가하고 싶습니다.
저번에도 이 질문 한번 했었는데 다시 재질문을 드리게 됬습니다.
제가 원하는건 저 알림모양 벨을 누르면 저 사각형박스가 나오면서 그 안에 알림이 나오게 하고 싶습니다.
이런 글에 대해서 아무리 찾아봤지만 정보가 별로 없더군요..;

그래서 일단 코드는 임시로.
 

 

<a class='item' onclick='getHeaderNotices()'>
                           <script>
function getHeaderNotices() {
                                    if ($('#header-notices').css('display') === 'none') {
                                        if (loaded) return $('#header-notices').slideDown(200);
                                        loaded = true;
                                        renderNotices(true);
                                    } else {
                                        closeHeaderNotices();
                                    }
                                };
</script>
                                <i class="fa fa-bell" aria-hidden="true"></i>
                           <div class="header-notices" id="header-notices" style="display: block;">
                             <div class="item">
                               <div class="nothing"><i class="frown icon"></i>이런... 새로운 알림이 없네요.</div>
                             <div class="more" onclick="location.replace('/notices')">알림 더 보기</div>
                             </div>
                             </div>
                         </a>

 

요론식으로 해놓았습니다.
저 onclick 함수를 사용하여 버튼을 누르면 저 팝업이 뜨도록, 그리고 저 버튼을 다시 누르면 팝업이 꺼지도록 하고 싶습니다.
그리고 알림이 나오게 하고 싶고요..

알림이 없는 상황이라면 이런..알림이 없네요 라는 문구가 출력되게 하고 싶습니다.
다른 레이아웃 다 뒤져보면서 일단 시도는 해봤으나 어려워서 머리가 돌아가질 않네요.
3시간동안 작업한 결과가 고작 저거라니;;