Can't hide shortcut inside update bar (divPopup screen)
I just want to hide the result label after 5 seconds. It works great in normal forms. But doesn't work on popup screen. Help me solve this problem.
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Button ID="btnExport" runat="server" ValidationGroup="V2" Style="margin-bottom: 0px"
Text="Export" class="btnNew" OnClick="btnExport_Click" />
<br />
<asp:Label ID="lblResult" runat="server" Text="" class="errMsg" Visible="false"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
function hideuser() {
window.setTimeout(function () {
var label = document.getElementById('lblResult');
if (label != null) {
label.style.display = 'none';
}
}, 5000);
}
protected void btnExport_Click(object sender, EventArgs e)
{
string result = objLE.ExportLE(,,,,,,,);
lblResult.Visible = true;
lblResult.Text = result;
System.Web.UI.ScriptManager.RegisterClientScriptBlock(Page, typeof(Page), "Script", "hideuser();", true);
ClearLEData();
ClientScript.RegisterStartupScript(GetType(), "Val", "ShowExpPopup();", true); //this for retain popup screen every postback occurs
}
+3
source to share
2 answers
Modify js function below
<script type="text/javascript">
function hideuser() {
window.setTimeout(function () {
var label = document.getElementById('<%= lblResult.ClientID %>');
if (label != null) {
label.style.display = 'none';
}
}, 5000);
}
</script>
Change this line
var label = document.getElementById('lblResult');
before
var label = document.getElementById('<%= lblResult.ClientID %>');
+2
source to share
Try the following:
Visible=false
Use insteadstyle="display:none"
<asp:Label ID="lblResult" runat="server" Text=""
class="errMsg" style="display:none"></asp:Label>
and
ID
server side controls will change after rendering to the browser. Therefore, you need to use it like this:
var label = document.getElementById('<%= lblResult.ClientID %>');
0
source to share