轻松实现页面提交时,显示“提交中..”
2008-09-18 13:41
483 查看
效果图:在点击“载入”后呈现“页面提交中...”在这提交中,鼠标为沙漏,不允许点击其他的,在载入完后自动消失,可以正常操作。
1.在界面上添加一个要显示的层:
div id="doing" runat="server" style="Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<table width="100%" height="100%">
<tr align="center" valign="middle">
<td>
<table width="169" height="62" bgcolor="#99cccc" style="FILTER: Alpha(Opacity=75); WIDTH: 169px; HEIGHT: 62px">
<tr align="center" valign="middle">
<td>页面提交中.<br>
Loading.</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
当然,大家可以自定义的更漂亮一点,加一些图片什么的,我使用100%的层,是为了防止点击。
2.给要提交的按钮添加客户端脚本:
在Page_OnLoad事件中加入:
this.Button1.Attributes.Add("onclick","javascript:document.getElementById('doing').style.visibility='visible';");
这是让按钮在点击后,用客户端脚本把图层显示出来。
3.重载Page的OnPreRender方法,在代码中添加如下代码:
override protected void OnPreRender(EventArgs e)
{
doing.Style.Add("visibility","hidden");
}
这是在进行Render之前,把图层隐藏掉,目前FW1.1只能放在OnPreRender中,其实最好是放在Render完成以后,在ASP.NET 2.0中添加了OnRenderComplete方法,所以等2.0以后,就可以把这语句放在RenderComplete里更合适。
1.在界面上添加一个要显示的层:
div id="doing" runat="server" style="Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
<table width="100%" height="100%">
<tr align="center" valign="middle">
<td>
<table width="169" height="62" bgcolor="#99cccc" style="FILTER: Alpha(Opacity=75); WIDTH: 169px; HEIGHT: 62px">
<tr align="center" valign="middle">
<td>页面提交中.<br>
Loading.</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
当然,大家可以自定义的更漂亮一点,加一些图片什么的,我使用100%的层,是为了防止点击。
2.给要提交的按钮添加客户端脚本:
在Page_OnLoad事件中加入:
this.Button1.Attributes.Add("onclick","javascript:document.getElementById('doing').style.visibility='visible';");
这是让按钮在点击后,用客户端脚本把图层显示出来。
3.重载Page的OnPreRender方法,在代码中添加如下代码:
override protected void OnPreRender(EventArgs e)
{
doing.Style.Add("visibility","hidden");
}
这是在进行Render之前,把图层隐藏掉,目前FW1.1只能放在OnPreRender中,其实最好是放在Render完成以后,在ASP.NET 2.0中添加了OnRenderComplete方法,所以等2.0以后,就可以把这语句放在RenderComplete里更合适。
相关文章推荐
- 轻松实现页面提交时,显示“提交中..”
- 轻松实现页面提交时,显示“提交中..”
- 轻松实现页面提交时,显示“提交中..”
- 轻松实现页面提交时,显示“提交中..” (zz)
- 轻松实现页面提交时,显示“提交中..” (转帖)
- 轻松实现页面提交时,显示“提交中..”
- 轻松实现页面提交时,显示“提交中..”
- 轻松实现页面提交时,显示“提交中..”
- 轻松实现页面提交时,显示“提交中..” [转载]
- 轻松实现页面提交时,显示“提交中..” (转)
- 实现页面提交时显示"正在处理.."
- javascript实现一个html提交的表单数据放到另一个html页面显示
- jsp实现分页(限定显示指定页数)和页面跳转功能
- 在salesforce中实现鼠标悬停显示提示框效果,并对显示框内容进行微缩页面布局
- jsp实现页面实时显示当前系统时间的方法
- js实现密码强度验证(显示强度,仿CSDN注册页面的密码验证)
- 【转】轻松实现asp.net跨页面回送
- ASP.NET 2.0中实现跨页面提交
- html中提交表单并实现不跳转页面处理返回值
- NSURLConnection 实现webView显示HTTPS页面