Question

我开发了一个网络应用程序，用户可以在其中发出请求，文件报告......在顶部导航中有请求和报告的图标，点击这些图标后，它会显示前5个最近的请求或报告。（类似于Facebook和朋友，消息和通知图标）

现在我希望当用户发送请求并且接收者没有看到请求时，请求图标显示弹出状态（如收到消息时的Facebook）。

显示这些消息不是问题，但如何根据接收到这样的消息来实现图标的变化？

任何人都是一个很好的例子，开始方法，文档，...真的很感激任何帮助！

HTML

<li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                @if (Request.Cookies["reportCreatedCookie"] == null)
                {
                <i class="fa fa-bell fa-fw"></i>  <i class="fa fa-caret-down"></i>
                }
                else if (Request.Cookies["reportCreatedCookie"] != null)
                {
                <i class="fa fa-bullhorn fa-fw"></i>  <i class="fa fa-caret-down"></i>

                }
            </a>

JAVASCRIPT

  <script type="text/javascript">
       var cookiename = "reportCreatedCookie";

       function delete_cookie(name) {
           document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
       }
       $(document).ready(function () {
           $(".dropdown-toggle").click(function (e) {
               delete_cookie(cookiename);
           });
   });

CONTROLLER

  [HttpPost]
    public ActionResult Create(Reports reports)
    {
        if (ModelState.IsValid)
        {
            db.Events.Add(reports);
            db.SaveChanges();
            HttpCookie reportCreatedCookie = new HttpCookie("reportCreatedCookie");
            reportCreatedCookie.Value = "true";
            Response.Cookies.Add(reportCreatedCookie);

            return RedirectToAction("../Home");
        }

        return View(reports);
    }

ASP.NET MVC：根据新消息更改图标

0 个答案: