There are two labels. What i want is on click label1--> data on label will be shown and hidden

Question

0.00/5 (No votes)

See more:

I am able to do one part of it i.e. on click label1--> data will be shown on label2. Now please tell me how to hide data on label2 by clicking label1.

code:

C#

<script type="text/C#" runat= "server">
    
    protected void Page_Load(object sender, EventArgs e)
    {      
        label1.Attributes.Add("onclick", "label2show()");
    }
</script>

JavaScript

<script type="text/javascript">
  function label2show() 
   {
     document.getElementById('label2').innerHTML = 'show data'; 
   }
</script>

<asp:Label runat="server" ID="label1">Press it to show and hide data on label 2</asp:Label>
<asp:Label runat="server" ID="label2"></asp:Label>

Posted 8-Mar-10 21:28pm

vinsaj9

Updated 8-Mar-10 23:44pm

Ankur^\m/

v3

Add a Solution

5 solutions

Solution 4

Thanks a lot ankur. Its so simple
I have to kick my a** for this silly mistake

Posted 9-Mar-10 0:01am

vinsaj9

Solution 1

can u please explain little more..How can we click on Label?...

Posted 8-Mar-10 22:25pm

hygeenams

Solution 2

See above I have written the code for adding click event on label using c#.

Posted 8-Mar-10 22:39pm

vinsaj9

Solution 5

you can also use visible property of label like

label1.visible=false;

Posted 9-Mar-10 0:17am

DX Roster

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ankur^\m/ · Accepted Answer · 2010-03-08T23:56:00

Solution 3

Change the javascript function to this:

JavaScript

function label2show() 
 {
      if(document.getElementById('label2').innerHTML == '')
          document.getElementById('label2').innerHTML = 'show data'; 
      else
          document.getElementById('label2').innerHTML = '';
 }

Posted 8-Mar-10 23:56pm

Ankur^\m/