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

난이도 있음 채택완료

머시기거시기 5년 전 조회 3,555

ajax 쪽지를 참고해서 알림을 적용햇는데 잘됩니다.

알림내용이 레이어로 표시됩니다.

 

그런데 벨아이콘 우측에 동그라미로 숫자도 ajax로 변동시켜야 하는데 어떻게 해야 하는지...

 

 


<? if ($alims) { ?>

<ul id="alim_cnt" class="notification-drop">
    <li class="item">
    <i class="fa fa-bell-o notification-bell" aria-hidden="true"></i> <span class="btn__badge pulse-button "><?php echo count($alims);?></span>   
<ul>
 

표시된 부분을 아래에 넣는다고 될거도 아니고 휴,,,위의 <?php echo count($alims);?> 요거를 아래코드에 넣을때는 어떻게 해야 하는지요,,

 

html = "<ul id='alim_cnt_layer' class='notification-drop'>";
html += "<li class='item'>";
html += "<i class='fa fa-bell-o notification-bell' aria-hidden='true'></i> <span class='btn__badge pulse-button'><?php echo count($alims);?></span>";   
html += "<ul>";


    $('#report').append(html);

    $('#alim_cnt_layer').fadeIn();

    setTimeout(function(){ hide_alim(); }, 30000);


요렇게 하니 안나와서요,,ㅋ

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

답변 5개

채택된 답변
+20 포인트
5년 전

문법은 맞는것 같은데 안나온다면 실제 값이 없어서 일것입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

머시기거시기
5년 전
감사합니다..값은 있는데 제가 잘못하고 있는거 같습니다.

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

5년 전

var alims = <?php echo count($alims); ?>;

html = "<ul id='alim_cnt_layer' class='notification-drop'>";
html += "<li class='item'>";
html += "<i class='fa fa-bell-o notification-bell' aria-hidden='true'></i> <span class='btn__badge pulse-button'>"+alims+"</span>";   
html += "<ul>";


    $('#report').append(html);

    $('#alim_cnt_layer').fadeIn();

    setTimeout(function(){ hide_alim(); }, 30000);

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

머시기거시기
5년 전
감사합니다~ 위와 같은 방식으로 하는군요,,벨아이콘과 알림숫자 표시하는 원(circle)은 비동기로 나타납니다. php에서 읽지 않은 cnt를 추출하도록 하면 될거 같습니다.

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

5년 전

아...가능하시면 쪽지나 카톡주세요..봐드릴께요

 

로그인 후 평가할 수 있습니다

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

li 닫기

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

머시기거시기
5년 전
감사합니다. 닫았습니다. 그런데..새로 고침없이도 <?php echo count($alims);?> 이 카운트가 바뀌어야 하는데 ,,,

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

5년 전

문법은 맞는데, 값이 안나오는거라면 $alims 변수에 값이 없는것 아닌가요? 초기화도 안되어있는것 같구요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

머시기거시기
5년 전
감사합니다. 값은 있는데 위코드에 <?php echo count($alims);?> 이거만 넣으니 나오는거 같습니다.

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

답변을 작성하려면 로그인이 필요합니다.

로그인