Asp.net web项目右下角消息提示

标签: asp.net web js
465人阅读 评论(0) 收藏 举报
分类:

Html代码:

        <div id="winpop" style="display: none;">
        <div class="title">您有新的消息<span class="close" onclick="tips_pop()">X</span></div>
        <p>
            <a onclick="openApp('/Platform/WorkFlowTasks/WaitList.aspx',0,'待办事项','index');" style="margin-left: 10px; color: blue; font-size: 13px">新消息!</a>
        </p>
    </div>


C#代码:

              /// <summary>
        /// 判断是否有待办事项
        /// </summary>
        /// <returns></returns>
        public bool HasWaitTask()
        {
            bool IsExist = false;
            query = string.Format("&appid={0}&tabid={1}",
                Request.QueryString["appid"], Request.QueryString["tabid"]);
            string pager;
            taskList = bworkFlowTask.GetTasks(RoadFlow.Platform.Users.CurrentUserID,
               out pager, query);
            if(taskList.Count>0)
            {
                IsExist = true;
            }
            return IsExist;   
        }


js代码:

         <script type="text/javascript">
        var ts = 9;
        var show = 0;
        <%if (HasWaitTask() == true)%>
        <%{%>
        ts = 0;
        show = 1;
        function tips_pop() {
           
            var MsgPop = document.getElementById("winpop");//获取窗口这个对象,即ID为winpop的对象
            var popH = parseInt(MsgPop.style.height);//用parseInt将对象的高度转化为数字,以方便下面比较
            if (popH == 0) {         //如果窗口的高度是0
                MsgPop.style.display = "block";//那么将隐藏的窗口显示出来
                show = setInterval("changeH('up')", 2);//开始以每0.002秒调用函数changeH("up"),即每0.002秒向上移动一次
            }
            else {         //否则
                hide = setInterval("changeH('down')", 2);//开始以每0.002秒调用函数changeH("down"),即每0.002秒向下移动一次
            }
        }
        
        function changeH(str) {
           
            var MsgPop = document.getElementById("winpop");
            var popH = parseInt(MsgPop.style.height);
            if (str == "up") {     //如果这个参数是UP
                if (popH <= 100) {    //如果转化为数值的高度小于等于100
                    MsgPop.style.height = (popH + 4).toString() + "px";//高度增加4个象素
                }
                else {
                    clearInterval(show);//否则就取消这个函数调用,意思就是如果高度超过100象度了,就不再增长了
                }
            }
            if (str == "down") {
                if (popH >= 4) {       //如果这个参数是down
                    MsgPop.style.height = (popH - 4).toString() + "px";//那么窗口的高度减少4个象素
                }
                else {        //否则
                    clearInterval(hide);    //否则就取消这个函数调用,意思就是如果高度小于4个象度的时候,就不再减了
                    MsgPop.style.display = "none";  //因为窗口有边框,所以还是可以看见1~2象素没缩进去,这时候就把DIV隐藏掉
                }
            }
        }
        
        window.onload = function () {    //加载          
            document.getElementById('winpop').style.height = '0px';//
            setTimeout("tips_pop()", 800);     //3秒后调用tips_pop()这个函数
        }
        <%}%>
    </script>

查看评论

用asp.net 实现页面的新消息提醒功能

如校内网和开心网有这样的功能。 把网页最小化,去干别的事,可是当校内网有新的消息时,那个最小化的校内网的标题栏,出现【新提醒】的字样,还在闪。 主要想实现页面的提示效果(定时刷新查询数...
  • yujiaping37
  • yujiaping37
  • 2016-08-17 16:56:39
  • 1663

Asp.net 后台弹出提示信息方法

1.后台弹出提示信息方法 Response.Write("alert('你所查询的数据不存在!');"); //弹出提示信息,但页面空白 Page.RegisterClientScrip...
  • my98800
  • my98800
  • 2017-12-26 08:44:45
  • 101

asp.net 右下角弹出新提醒信息提示框

asp.net 开发信息系统,无论是OA或者是其它业务系统中,都会用到新信息提醒功能,特此将方案跟大家分享一下。先上一图给大家看一看:优点:1)、该新消息弹出提示框样式算是比较不错的,个人认为。   ...
  • taomanman
  • taomanman
  • 2015-01-07 20:59:42
  • 6052

Asp.net SignalR 指定用户消息推送简单示例

Asp.net SignalR 指定用户消息推送简单示例
  • a1002308667
  • a1002308667
  • 2016-04-21 08:38:59
  • 10933

Web右下角弹出框提示,可叠加

前言一直想着对自己的平时学习以及工作做个总结与积累,无奈老夫实在惫懒。近几日因为工作上的一些事被刺激到了,感觉和打了鸡血一般:老夫要努力学习,勤奋向上。因为第一次写博客,可已经工作一年有余,所以记录的...
  • weixin_36485956
  • weixin_36485956
  • 2017-09-17 00:56:52
  • 215

ASP.NET SignaiR 实现消息的即时推送,并使用Push.js实现通知

一.使用背景 1. SignalR是什么? ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程。实时 Web 功能...
  • u014297475
  • u014297475
  • 2017-01-04 16:44:18
  • 2449

Web Notification简单实现桌面消息通知(右下角提示)

原文地址:http://www.cnblogs.com/ai211234/p/6409802.html js代码: 1 2 3 4 ...
  • tanga842428
  • tanga842428
  • 2017-08-01 11:03:53
  • 1012

Asp.Net alert弹出提示信息的几种方法总结

转自L:http://www.jb51.net/article/46385.htm 1.ClientScript.RegisterStartupScript(GetType(),"message...
  • jane007123
  • jane007123
  • 2016-02-12 16:23:25
  • 1337

Asp.Net alert弹出提示信息的5种方法

Asp.Net alert弹出提示信息的5种方法 第一种方法: [C#] public virtual void RegisterStartupScript( string ...
  • ygz5175526
  • ygz5175526
  • 2015-06-03 21:47:48
  • 1355

页面右下角弹出消息提示框类似QQ或者MSN+ASP.NET

  • 2009年09月15日 09:40
  • 21KB
  • 下载
    个人资料
    持之以恒
    等级:
    访问量: 4万+
    积分: 2198
    排名: 2万+
    最新评论