[PHPBB2] MOD Nhắc nhở có tin nhắn mới theo thời gian

[Exterminator]

Theo như mặc định sẵn của chức năng thông báo có tin nhắn inbox của FM thì hầu như đều bị các trình duyệt block lại bởi thiết lập bảo mật mặc định của trình duyệt.
Cũng đã có bạn chia sẻ cách hiện thông báo riêng bằng một Dialog tự tạo ra :

Code:

http://giupdo.forum-viet.com/t30015-topic

Tuy rằng vấn đề bị block bởi trình duyệt đã không còn nữa, nhưng vẫn còn 2 vấn đề sau :
1/ - Nếu người dùng không đọc tin nhắn, thì tin nhắn chỉ được hiện duy nhất 1 lần đầu tiên kể từ khi có tin mới.
2/ - Đối với những diễn đàn nào có thiết lập gởi tin nhắn chào mừng thành viên mới đăng ký, thì khi thành viên mới đăng ký tham gia diễn đàn, đăng nhập lần đầu tiên, thì thông báo cũng không được hiện ra.
3/ - Chưa hiện được có bao nhiêu tin nhắn mới.

Nên để giải quyết tổng cộng 3 vấn đề trên, lúc rảnh rỗi ngồi viết chút code chia sẻ cho các bạn.

1/ - Không bị block bởi thiết lập bảo mật của trình duyệt.
2/ - Sau khi hiện thông báo lần đầu tiên, nếu người dùng không đọc tin nhắn mà chỉ đóng bảng thông báo lại, thì sau 5 phút sẽ lại hiện ra lần nữa.
3/ - Thành viên mới đăng ký và đăng nhập lần đầu cũng hiện thông báo luôn.
4/ - Hiện số tin nhắn mới trong dialog.

Demo :

Code:

http://windows.forumvi.com

Cho code vào overall_header nhé :

Javascript :

Code:

         function getCookie(cname) {
          var name = cname + "=";
          var ca = document.cookie.split(';');
          for(var i=0; i<ca.length; i++) {
              var c = ca[i];
              while (c.charAt(0)==' ') c = c.substring(1);
              if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
          }
          return "";
        }
        function setNewMsgCookies(newMsg) {
          var date = new Date();
          date.setTime(date.getTime() + (5 * 60 * 1000));
          document.cookie="fa_windows_forumvi_com_newmsg=" + newMsg + "; expires=" + date.toGMTString() + "; path=/";
        }
        function ShowNewMessageDialog() {
         $('body').append("<div id='div_mask'>" +
           "<div class='gensmall' id='div_alert_msg'><div id='alert_msg_header'>Có Tin Nhắn Mới</div>" +
           "<hr class='hr_view_topic' />" +
           "<div id='alert_msg_content'>" +
           "<span>Bạn có <span class='count_msg'>" + $("a.mainmenu[href='/privmsg?folder=inbox'] strong").text() + "</span> tin nhắn mới. Vui lòng kiểm tra <a href='/privmsg?folder=inbox'><b>Hộp Tin Nhắn</b></a>.</span>" +
           "<br /><br />" +
           "<span><a href='#' onclick='$("#div_mask").remove();return false;'>Đóng</a></span>" +
   "</div>" +
   "</div>" +
    "</div>");
        }
 $(document).ready(function(){
          var newMsg = $("a.mainmenu[href='/privmsg?folder=inbox'] strong").text();
          if (newMsg != "") {
           var saveNewMsg = getCookie("fa_windows_forumvi_com_newmsg");
           if (saveNewMsg == "" || (saveNewMsg != "" && saveNewMsg != newMsg)) {
           setNewMsgCookies(newMsg);
           ShowNewMessageDialog();
           }
          } else {
           setNewMsgCookies("");
          }
 }

Trong overall_header, tìm đoạn liên quan đến tag này thì xoá đi nhé.

Code:

<!-- BEGIN switch_enable_pm_popup -->
・
・
・
<!-- END switch_enable_pm_popup -->

CSS :

Code:

#div_mask {
  background:rgba(0,0,0,0.75);
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
}
#div_mask #div_alert_msg {
  background:#fff;
  border:1px solid #E0E0E0;
  height:auto;
  margin:45px auto;
  overflow:hidden;
  width:400px;
  text-align:center;
  z-index: 999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
}
#div_mask #div_alert_msg #alert_msg_header {
  padding-top:10px;
  color:green;
  font-weight:bold;
}
#div_mask #div_alert_msg #alert_msg_content {
  padding:10px;
}
#div_mask #div_alert_msg #alert_msg_content .count_msg {
  color:#ff0000;
  font-weight:bold;
}

Nguyên lý của code là lưu vào cookies với thời gian hết hạn là sau 5 phút. Nên mỗi lần load lại trang thì mình sẽ đọc cookies này để kiểm tra.
Bạn nào cần chỉnh thời gian lâu hơn 5 phút thì sửa chỗ này nhé :

Code:

date.setTime(date.getTime() + (5 * 60 * 1000));

Và sửa lại tên cookies muốn lưu theo ý của bạn nhé :

Code:

fa_windows_forumvi_com_newmsg

P/s : đừng suy nghĩ quá hàn lâm khi lưu vào cookies thì không bảo mật này nọ làm chi bạn nhé tạo  mấy mod này cho giới FM mình vui thôi Chứ đòi code chuyên nghiệp hơn thì họ đã không xài FM rồi

P/s 2 : Mình viết hết sức đơn giản để anh em có thể đọc được rồi nhé. Cố gắng tìm hiểu code để đọc hiểu và đem về chỉnh sửa xài cho hợp forum của mình cho an toàn nhé ^^

[subin217]

Lâu rồi FM mới có mod hay, cảm ơn anh

[Larva]

ôi skin 1 thời ao ước h mới thấy lại được 😂

[baivong]

Trong fm có sẵn 2 hàm my_getcookie và my_setcookie rồi, dùng nó luôn cho tiện.

[Exterminator]

Trong fm có sẵn 2 hàm my_getcookie và my_setcookie rồi, dùng nó luôn cho tiện.

Ồ! Lâu rồi mình không xài đến FM nên không biết có những hàm này rồi.

[Sponsored content]