ASP.NET div信息提示框显示几秒后隐藏
2014-04-30 14:10
816 查看
今天在旧系统中,用户要求,要把一个javascript alert的信息提示,改为Div tag来显示,它在显示时,仅显示几秒,然后隐藏,这样无需用户去点击alert信息框的确定或是关闭铵钮。
下面Insus.NET根据实现好的功能,例举为一个简单的例子。也一起把实现过程中所遇上的问题,一起分析与分享。
先在asp.net网站上,创建一个xxx.aspx网页:
第一步,创建一个div tag和有其内添加一个Label控件,将用来显示相关的信息。
第二步,添加样式。
第三步,是在aspx网页中,添加html markup,一个TextBox和一个Button,和在code behind实现Button的Click事件:
现在回到aspx的html markup,添加jQuery代码:
第五步,引用jQeury类库。
第六步,实现Div tag在显示3秒之后,隐藏起来。
实时操作与演示:
Insus.NET在修改旧系统之前,也有尝试这样测试了OK,再搬至要修改的旧系统中,但是在运行时,却没有一点效果:
信息提示过了设定的时间,Div没有隐藏起来,效果丢失了,如下:
最终检查,原来旧系统中,有带在UpdatePanel。因此消失了应有的功能与效果,怎样解决呢? 查了一下msdn:
http://msdn.microsoft.com/en-us/library/bb311028(v=vs.100).aspx
根据msdn技术文档,修改javascript的jQuery代码:
下面Insus.NET根据实现好的功能,例举为一个简单的例子。也一起把实现过程中所遇上的问题,一起分析与分享。
先在asp.net网站上,创建一个xxx.aspx网页:
第一步,创建一个div tag和有其内添加一个Label控件,将用来显示相关的信息。
第二步,添加样式。
第三步,是在aspx网页中,添加html markup,一个TextBox和一个Button,和在code behind实现Button的Click事件:
现在回到aspx的html markup,添加jQuery代码:
第五步,引用jQeury类库。
第六步,实现Div tag在显示3秒之后,隐藏起来。
实时操作与演示:
Insus.NET在修改旧系统之前,也有尝试这样测试了OK,再搬至要修改的旧系统中,但是在运行时,却没有一点效果:
信息提示过了设定的时间,Div没有隐藏起来,效果丢失了,如下:
最终检查,原来旧系统中,有带在UpdatePanel。因此消失了应有的功能与效果,怎样解决呢? 查了一下msdn:
http://msdn.microsoft.com/en-us/library/bb311028(v=vs.100).aspx
根据msdn技术文档,修改javascript的jQuery代码:
相关文章推荐
- ASP.NET div信息提示框显示几秒后隐藏
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- asp.net 显示等待提示,完成后隐藏消失
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- 在ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
- ASP.NET Gridview超出长度用..代替,提示显示详细信息
- JQuery 浮动DIV显示提示信息并自动隐藏
- asp.net Gridview、Repeater 查无数据时显示表头及提示信息
- ASP.NET先显示‘提示信息’然后再跳转---Page.ClientScript.RegisterStartupScript()
- ASP.NET弹出新窗口的方法【显示提示信息】
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- ASP.NET 提示框显示及自动隐藏(jquery+后台代码)
- asp.net GridView列数据鼠标移入显示提示信息
- ASP.Net中后台控制页面提示信息的显示方式
- asp.net后台显示隐藏前台Div
- asp.net中GridView数据鼠标移入显示提示信息
- asp.net中GridView数据鼠标移入显示提示信息
- ASP.NET 服务器端div控制显示隐藏层
- 在ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
- Asp.net中DataGrid利用DataRelation显示主从表信息(可控制从表信息隐藏和显示).(DataGrid 嵌套)