a href click dont firingen

Question

0.00/5 (No votes)

See more:

JavaScript

Control myControl1 = FindControl("btn1");
                if (myControl1 != null)
                {
                    myControl1.Visible = true;


                }

                Control myControl2 = FindControl("btn2");
                if (myControl2 != null)
                {
                    myControl2.Visible = true;
                }

In my page load i have this two that i display two controls.
onclick in aspx page i have this

JavaScript

window.onload = function (e) {
        document.getElementById("btn1").style.visibility = "hidden";
        document.getElementById("btn2").style.visibility = "hidden";
    };

I have this code here because i dont wont to display them on client side only on server side
but hiding them in server side click event on a hrefs is not firingen?

JavaScript

function ShowItems() {


            document.getElementById("btn1").style.visibility="display";
            document.getElementById("btn2").style.visibility="none";

        }


    function DontDisplayItems()
    {

        document.getElementById("btn1")style.visibility="none";
        document.getElementById("btn2").style.visibility="display";

    }

ASP.NET

<div id="btn1" style="float:right;"  runat="server">
         <a href="#"  >Button 1</a>


    </div>
    <div id="btn2" style="float:right;"  runat="server">
         <a href="#"   >Button 2</a>


    </div>

The problem is that my button wont be display:

Posted 23-Mar-15 3:49am

Kurac1

Updated 23-Mar-15 4:13am

SRS(The Coder)

v2

Add a Solution

1 solution

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)

ZurdoDev · Answer 1 · 2015-03-23T04:02:00

Solution 1

When you hide something in C# by setting .Visible = false then the control is not in the html at all that is sent to the client. Therefore you cannot change it's visibility in JavaScript.

To do so, don't use the .Visible property but instead use display or visibility properties in JavaScript only.

Posted 23-Mar-15 4:02am

ZurdoDev

Comments

sudevsu 23-Mar-15 10:17am

5

Kurac1 23-Mar-15 10:28am

What do u mean?

Sergey Alexandrovich Kryukov 23-Mar-15 10:44am

It means that you still need to grasp the general idea on how Web works, ASP.NET in particular.
You need to understand what server part does and what client part does.
—SA

ZurdoDev 23-Mar-15 10:55am

I thought the user was just asking what sudevsu meant by just posting "5". Not sure though.

Sergey Alexandrovich Kryukov 23-Mar-15 10:58am

Ha-ha, maybe... :-) but I think that my idea to learn what Web actually does should be applicable anyway. :-)
—SA

Sergey Alexandrovich Kryukov 23-Mar-15 10:44am

5ed.
—SA