Making Label control visible when clicked on a button

[nathb]

Hello folks,

I have Label control that I made invisible in the Page_Load event of the .aspx page.

When I click on a button, the label control should become visible. As expected, it becomes visible but disappears in a second....don't know why. Any help is greatly appreciated.

<&#37;@ Page Title="" Language="C#" MasterPageFile="~/SiteMasterPage.master" AutoEventWireup="true" CodeFile="DynamicTextboxControls.aspx.cs" Inherits="DynamicTextboxControls" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<h3>Dynamic Textbox Controls</h3>
<fieldset style="width: 300px">
        <legend>From</legend>
        
            <asp:RadioButtonList ID="RadioButtonList1" runat="server">
                <asp:ListItem>Database</asp:ListItem>  
                <asp:ListItem>Interactive</asp:ListItem>  
            </asp:RadioButtonList>            
            
    </fieldset>
     
     
        <table border="1">
            <tr> 
                <td class="style1"><asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="Validate();"/>
                </td>
            </tr>
        </table>
     
     <div style="height: 149px">
     <table border="1">
            <tr> 
                <td class="style1">
                    <asp:Label runat="server" id="Label1">visible </asp:Label>

                </td>
            </tr>
        </table>
     
     </div>    
    <script type="text/javascript" language="javascript">
        function Validate() {

            var varLabel = document.getElementById("<%=Label1.ClientID%>");

            
            varLabel.style.display = "block";
            varLabel.style.visibility = "visible";        }
    </script>
</asp:Content>

protected void Page_Load(object sender, EventArgs e)
    {

        Label1.Style.Add("visibility", "hidden");
    }

[nathb]

This is what I found so far.

If I use a HTML button control intead of using button asp control, it works fine (meaning the label control doesn't disappear). But if I use asp button control, the momement I click on button control, the label appears and it disappears...looks like I should somehow tell the asp button control not to invoke the server side event of that control...

any suggestions on how to do this?

[jasonwucinski]

did you want to do this on the client or server side? Client side means the page will not have to reload. if it's server sided, the page will post back and you can do it there.

client side: uses javascript. add a client event handler to your asp button (or just use a regular html button).
Code:

<script type="text/javascript">
function hideMe(){
var getLabel  = document.getElementById("<%=Label1.ClientId %>")
getLabel.style.visibility="hidden"
 
}
</script>

then just add your button, with client side event:

<asp:Button OnClientClick="hideMe()" runat="server" />

if you want to do it on the post back, goto the code bedind:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  if(isPostBack) then
        Dim label As Label
        label = Me.Label1
        label.Visible = False
 
 
end if    
 
dim getLabel
end sub

if you still have problems, let me know. i just free handed the code, so i'm sure there are typos.

[nathb]

Hi,

Thanks for responding. If you see the code I posted, I have done already all that stuff.

I want client-side coding and not server side. when button is clicked, the label should become visible. If I use HTML button instead of asp button, the code works fine. But when I use ASP button control, when the button is clicked, the label control appears for a second and dis-appears again. The cause probably is: since I used asp button control, it posts back to server and the page gets loaded again. In the page_load event, the following code gets executed which makes the label control disappear.

protected void Page_Load(object sender, EventArgs e)
    {

        Label1.Style.Add("visibility", "hidden");
    }

[MarkT]

Just check if you are in a postback or not

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Label1.Style.Add("visibility", "hidden");
        }
    }