How do you set the “Visible” property of a ASP.NET control from a Javascript function?

Question

Bascially I want to know the best way to hide/show an ASP.NET control from a Javascript function. I figured I would just access the control in Javascript using:

<         


        

Answer 1

You can't hide/ show the ASP.NET version of the control as that only exists in a server context. To use JavaScript you need to play with the controls style/ visibility state.

The only kind-of way to do it would be to wrap the control in an UpdatePanel and have something like this:

Then you need this in your code behind:

protected void toggle(object sender, EventArgs e){
  myTextBox.Visibility = !myTextBox.Visibility;
}

Now when you click the button an async postback occurs and it will refresh the UpdatePanel.

Note: This is not a good solution, as it'll be a very heavy AJAX request, because you need to submit the ViewState.

Also, it may not be 100% right, I did that from memory.