如何在div可见时隐藏标签消息

时间:2010-10-18 10:18:14

标签: javascript html

当用户点击“保存”按钮时,我使用了标签框来呈现“请稍候”消息。处理结束后,将显示输出。我的目标是在输出显示后隐藏标签。我如何实现这一目标。

我的代码如下,

 <label id="embedLabel" class="hide" runat="server" visible="false">Please Wait
 </label>  
 <div id="ChannelDIv" class="hide">  
 <textarea id="channellinkCode" runat="server" >  
 </textarea>  
 </div>

我的目标是在显示embedLabel后隐藏embedLabel标签。我在“保存”按钮的点击事件上使用javascript功能来显示embedLabel div。任何帮助都将深表感谢。

2 个答案:

答案 0 :(得分:1)

如果您没有使用AJAX,那么当输出显示时,整个页面将刷新(回发)。因此,只要隐藏embedLabel的默认状态(display:none or visibility:hidden),就会隐藏它。

我可以看到你已经为它分配了css类hide,但你也设置了visible="false",这意味着它永远不会传递给客户端。

我认为您需要删除runat="server"并将其保留为客户端标签,您只能通过JavaScript和CSS操作(默认隐藏)这可以解决您的问题。

答案 1 :(得分:0)

您可以在javascript onLoad()事件处理程序中编写更改分配给消息标签的css类的代码,因此在完全呈现页面后,它将隐藏消息标签。

修改

<body onload = "hideMessage()" >

<script type="text/javascript" language="JavaScript">

function hideMessage() {
     document.getElementById('embedLabel').style.display = 'none'
} 

</script>
当我发布回答时,这就是我的想法,但我同意Eddy556你真的不需要它。我最初想念你的问题。