button执行时,提示“请稍后...”页面问题

kehua668 2010-09-08 04:03:02
点击button发送邮件时,页面加载比较慢,固参照例子做了一个提示层,但没能实现,不知问题出在哪?
以下代码:
 <div   id= "esave "  style= "position:absolute;   top:18px;   left:40px;   z-index:10;   visibility:hidden; background-color: #FFCC66;"> 
<font> 正在操作,请稍候... </font> </div>
</div>
...
<asp:Button ID="bt_mail" runat="server" onclick="bt_mail_Click" Text="提交"
CssClass="btnsubmit" onclientclick="mysub() " />



function  mysub() 
{
esave.style.visibility= "visible ";

}
...全文
132 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
kehua668 2010-09-09
  • 打赏
  • 举报
回复
太感谢了,楼上的方法成了!
辰爸 2010-09-08
  • 打赏
  • 举报
回复



function ShowDtsLoading(){
var div = document.createElement("div");
div.id = "oDiv";
div.style.width = document.body.clientWidth;

div.style.height = document.body.scrollHeight;
div.className = "css2";
div.innerHTML = "" +" " +"" +" " +"<table height='100%' ><tr><td align ='center' valign ='middle' ><img src='../../images/loading.gif'>"+" <font color='red'>数据正在处理中…… </font></td></tr></table>";

document.body.appendChild(div);
document.body.style.overflowX="hidden";
document.body.style.overflowY="hidden";
}

在后台添加this.btnDts.Attributes.Add("onclick","ShowDtsLoading();");
kehua668 2010-09-08
  • 打赏
  • 举报
回复
加上去了,还是没显示!
temgyongqiang 2010-09-08
  • 打赏
  • 举报
回复
UpdateProgress
wuyq11 2010-09-08
  • 打赏
  • 举报
回复
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upl" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div>
<div>数据加载中,请等待…… </div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:UpdatePanel>

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID ="Button1" EventName ="Click" />
</Triggers>
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"> </asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<span style =" font-size:12px">数据更新中...... </span>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:Button ID="Button1" runat="server" Text="Button" Width="143px" OnClick="Button1_Click" />
或使用div显示loading效果
<script language="javascript" type="text/javascript">
document.write(" <div id='loadDiv' style='padding-top: 250px; padding-left: 350px;font-size:x-large;height:400px'> <span id='loading'> <img src=\"../Images/loader2.gif\"/>正在加载数据,请稍候··· </span> </div>");
window.onload = function()
{
document.getElementById("hiddenDiv").style.display="";
document.getElementById("loadDiv").parentNode.removeChild(document.getElementById("loadDiv"));

}
</script>
不懂装懂 2010-09-08
  • 打赏
  • 举报
回复
document.getElementById("esave").style.visibility="visible";
BATTLERxANGE 2010-09-08
  • 打赏
  • 举报
回复
这时候已经产生回发了吧,当然没用了
将<asp:Button ID="bt_mail" runat="server" onclick="bt_mail_Click" Text="提交"
CssClass="btnsubmit" onclientclick="mysub() " /> 放到AJAX中吧
kehua668 2010-09-08
  • 打赏
  • 举报
回复
怎么写?
MaoJunHang 2010-09-08
  • 打赏
  • 举报
回复
用AJAX中的无刷新控件
Ricercar 2010-09-08
  • 打赏
  • 举报
回复
post提交后,页面就刷新了,显示也没用
用ajax提交
kehua668 2010-09-08
  • 打赏
  • 举报
回复
改了 不行
q107770540 2010-09-08
  • 打赏
  • 举报
回复

function mysub()
{
//esave.style.visibility= "visible ";
document.getElementById("esave").style.display='block'; //显示
}
q107770540 2010-09-08
  • 打赏
  • 举报
回复
function mysub()
{
//esave.style.visibility= "visible ";
document.getElementById("esave").style.display='';
}

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧