ASP C# | MessageBox Keeps Displaying

Question

I have a JavaScript MessageBox that keeps displaying when I click events in a Repeater or refresh the current page.

Here is the function:

public myFunctions()
{

}
/** Display Successs/Error Message **/
public void DisplayUserMessage(string messageType, string messageString, Label ErrorMessageLabel)
{
    ErrorMessageLabel.Visible = true;
    ErrorMessageLabel.Text = "<b>" + messageType.Substring(0, 1).ToUpper() + messageType.Substring(1).ToLower() + ":</b> " + messageString;
    ErrorMessageLabel.CssClass = messageType.ToLower() + "_message";
}
public void HideUserMessage(Label ErrorMessageLabel)
{
    ErrorMessageLabel.Visible = false;
    ErrorMessageLabel.Text = "";
    ErrorMessageLabel.CssClass = "";
}

Here is the jquery to make it fade out:

$(document).ready(function () {
/** Success/Error Messages **/
$('.success_message').animate({ opacity: 1.0 }, 2000).fadeOut('slow');
$('.error_message').animate({ opacity: 1.0 }, 2000).fadeOut('slow');

});

Here it is on the MasterPage:

<!-- Message Box -->
<div id="msgBox" runat="server">
      <asp:Label ID="ErrorMessageLabel" CssClass="" runat="server" Visible="false"></asp:Label>
</div>

Here is the script in the code-behind when a success occurs:

Label ErrorMessageLabel = (Label)Master.FindControl("ErrorMessageLabel");
new myFunctions().DisplayUserMessage("success", "Administrator Updated!", ErrorMessageLabel);

Anyone know how I can stop it from continually showing up after I click another button or refresh the page?

rahul · Accepted Answer · 2010-12-15 03:36:19Z

1

Use a hidden input and set the value when success function is called. All the other times reset the value. In your document ready function check the value of the hidden element and then call the animate function.

<input id="txtHidSuccess" type="hidden" runat="server" />

In page load

txtHidSuccess.Value = "0";

In the success/error function

txtHidSuccess.Value = "1";

jQuery

$(function(){
    if ($("#txtHidSuccess").val() === "1") {
        /** Success/Error Messages **/
       $('.success_message').animate({ opacity: 1.0 }, 2000).fadeOut('slow');
       $('.error_message').animate({ opacity: 1.0 }, 2000).fadeOut('slow');    
    }
});

edited Dec 15, 2010 at 3:36

answered Dec 15, 2010 at 3:23

rahul

188k50 gold badges239 silver badges266 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kbvishnu Over a year ago

pls use the code in Page_Load function If(!postback){ErrorMessageLabel.Text="";} and try

Andy West · Accepted Answer · 2010-12-15 03:52:05Z

0

I see where you're calling DisplayUserMessage(), but not HideUserMessage(). My guess is that when you set the ErrorMessageLabel properties, they're stored in the View State persisted across postbacks.

Rather than use an ASP.NET Label control, you could try just wrapping some text with a regular div and use CSS to hide it. When the success event occurs in your app, you can use ClientScriptManager.RegisterStartupScript() to write a script to the client that shows the div. Then, your animate functions can fade out the div if it's visible.

edited Dec 15, 2010 at 3:52

answered Dec 15, 2010 at 3:24

Andy West

12.5k4 gold badges37 silver badges52 bronze badges

Comments

balexander · Accepted Answer · 2010-12-15 23:42:58Z

0

if(IsPostBack)
         new myFunctions().HideUserMessage(ErrorMessageLabel);

This worked. Thanks @Harie

answered Dec 15, 2010 at 23:42

balexander

24.6k14 gold badges48 silver badges68 bronze badges

Collectives™ on Stack Overflow

ASP C# | MessageBox Keeps Displaying

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related