hide a label on a timer

Posted on 2011-09-14
Last Modified: 2012-05-12
When user clicks submit button I display a message like "Changes saved succefsully". I would like this to be :
1) either gone after 3 seconds
2) when the user clicks on submit again, on client side before post back happens, I want this label to be hidden (so that when the error message shows on a required field validator the success messgae is still not visible from previous click. Please help. Thanks
Question by:TrialUser
LVL 40

Expert Comment

ID: 36540707
after displaying the message
setTimeout("hideMessage()", 3000);

function hideMessage()
   //code to hide the message
LVL 12

Accepted Solution

Ramkisan Jagtap earned 500 total points
ID: 36540834

You can clear that message on event "OnClientClick" of the submit button.
function ClearMessage()
                var btn=document.getElementById('<%=b1.ClientID%>');
                 btn.value=" ";

<asp:Button id="b1" Text="Submit" runat="server" OnClientClick="ClearMessage()" />

LVL 16

Expert Comment

ID: 36543161
see the code below using jquery:

jquery reference:

<script src="" type="text/javascript"></script>
$("#<%= button.ClientID %>").click(function() {
window.setInterval(clear, 3000);

function clear() {
$("#<%= lbl.ClientID %>").text("");

Open in new window


Author Closing Comment

ID: 36545925

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
exporting html table data 4 27
Binding a Grid in Javascript 5 42
ASP Repeater control - onl;y show if flag is true 7 15
Why use this lambda? 12 28
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question