"Visible" property between c# and javascript

Question

Firstly apologies for the strange title. Couldn't think of one lol.

When i hide an element in code behind (c#), for example:

btnRemoveAvail.Visible = false;

then the following jquery line wont work (when the time comes to unhide):

$('#btnRemoveAvail').show();

(it returns no error at all, as if its 100% cool.. but nothing happens)

I tried then the following (as the jquery forum says .show is similar to setting display to block..?): document.getElementById("btnRemoveAvail").style.display = "block";

And that returned an error: document.getElementById("btnRemoveAvail") is null

I am sure its probably something simple that i am completely misunderstanding between code behind and HTML..

If you're using WebForms, or MVC, let us know so we can tag the question appropriately. — user47589
– user47589, Commented Nov 24, 2011 at 17:47

scartag · Accepted Answer · 2011-11-24 17:42:48Z

5

In webforms (i'm assuming you are using webforms) when you set a controls visibility to false it doesn't get rendered as html at all, so it's not available in the DOM for jquery to manipulate.

if you want it to be available you can set its client side attributes from code behind like this.

 btnRemoveAvail.Attributes.Add("style","display:none");

You can now manipulate its visibility or any other property via jquery since it will be available in the DOM but just not visible.

Hope this helps.

answered Nov 24, 2011 at 17:42

scartag

17.7k3 gold badges52 silver badges53 bronze badges

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

Comments

agarcian · Accepted Answer · 2011-11-24 17:42:26Z

2

Can you check that there is an element created in your page named btnRemoveAvail?

I bet it is not being created. I believe that setting the button as Visible = false from the server side simply doesn't render the object on the client.

What you need to do is to set the style of the button so it includes a display:none. That way the element will be rendered but hidden via css. Then you can make a call to the .show method and it should work.

answered Nov 24, 2011 at 17:42

agarcian

3,9623 gold badges35 silver badges55 bronze badges

1 Comment

agarcian Over a year ago

And if you don't know about JQuery, I suggest you start studying it. It makes the manipulation of the DOM much, much easier. Rather than document.getElementById("btnRemoveAvail").style.display = "block"; you could use $('#btnRemoveAvail').css('display', 'block');

Nancy · Accepted Answer · 2023-07-07 11:24:34Z

0

I had this issue today. I ended up doing the following.

HTML

<div id="regularFlow" runat="server" style="display:none;">

jQuery

$('#<%=regularFlow.ClientID%>').show();

C#

regularFlow.Style.Add("display", "block");
...
regularFlow.Style.Add("display", "none");

answered Jul 7, 2023 at 11:24

Nancy

1

Collectives™ on Stack Overflow

"Visible" property between c# and javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related