关闭

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

标签: asp.netwebjs
356人阅读 评论(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>

0
1
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

web 页面实现页面右下角弹窗功能

最近客户有需求,需要提醒没有增加密码找回问题的用户,页面可以在右下角弹窗提醒,并可以点击直接跳转:           这个功能最好的解决方法,就是在页面上加个标签,可以来判断数据是否为空:...
  • ZM_GK
  • ZM_GK
  • 2015-12-08 15:38
  • 3096

Web页面右下角弹出窗口示例代码

Web页面右下角弹出窗口示例代码声明:本代码来源于CSDN论坛,原帖为http://community.csdn.net/Expert/TopicView3.asp?id=5239784版权归原作者所...
  • softwave
  • softwave
  • 2006-12-20 09:35
  • 6068

asp.net 右下角弹出消息对话框

  • 2012-07-13 16:37
  • 66KB
  • 下载

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

  • 2009-09-15 09:40
  • 21KB
  • 下载

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

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

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

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

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

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

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

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

JSP页面右下角消息弹框的实现

JSP页面上通过JS实现消息弹出框,样式可根据要求修改,这边只是一个简单的示范例子,自定义了两条消息,弹框效果如下   JSP页面 #winpop { widt...
  • gongye_ye
  • gongye_ye
  • 2015-02-11 16:11
  • 2395

web 页面实现页面右下角弹窗功能

最近客户有需求,需要提醒没有增加密码找回问题的用户,页面可以在右下角弹窗提醒,并可以点击直接跳转:           这个功能最好的解决方法,就是在页面上加个标签,可以来判断数据是否为空:...
  • ZM_GK
  • ZM_GK
  • 2015-12-08 15:38
  • 3096
    个人资料
    • 访问:34023次
    • 积分:1928
    • 等级:
    • 排名:千里之外
    • 原创:159篇
    • 转载:8篇
    • 译文:3篇
    • 评论:2条
    文章分类
    最新评论