Hide all controls in a panel in ASP.Net

[DAnDA]

Hi

Simply i want Hide all Textboxes in a Panel ,,, in asp.net

i can do it by C# :

foreach (Control ctrl in Panel1.Controls)
{
if (ctrl is TextBox)
{
((TextBox)(ctrl)).Visible = false;
}
 
}
 

Can anyone tell me how to do in JavaScript?

[jhardman]

moved to .NET forum

[Frinavale]

Hi
...

Can anyone tell me how to do in JavaScript?

What have you tried so far?

-Frinny

[mikeyeli]

Hi

Simply i want Hide all Textboxes in a Panel ,,, in asp.net

i can do it by C# :

foreach (Control ctrl in Panel1.Controls)
{
if (ctrl is TextBox)
{
((TextBox)(ctrl)).Visible = false;
}
 
}
 

Can anyone tell me how to do in JavaScript?

Simple, just set the display = none of the whole panel, and it makes it easier since you hide the whole panel, and you dont have to worry about controls in it.

try:

javascript:

function hide()
{
    document.getElementById("Panel1").style.display="none";
}

if you want to hide a specific element you just do the same:

document.getElementById("TextBox1").style.display="none";

[Frinavale]

Simple, just set the display = none of the whole panel, and it makes it easier since you hide the whole panel, and you dont have to worry about controls in it.

try:

javascript:

function hide()
{
    document.getElementById("Panel1").style.display="none";
}

if you want to hide a specific element you just do the same:

document.getElementById("TextBox1").style.display="none";

Close.....

function hide()
{
    document.getElementById("Panel1").style.display="none";
}

Won't work if your panel is part of a user control or within a MasterPage.

You'll have to supply Panel1.ClientID to the function.
(or TextBox1.ClientID)
This way the JavaScript will be able to find your element.

Please see the .NET article on How to check if a textbox contains a number for more information on how generate JavaScript dynamically through your .NET code and send it to the browser.

-Frinny

[DAnDA]

Thank you All Guys ,,,

[kunal pawar]

If you want to hide all controls in Panel then you can directly hide Panel

used
document.getElementById('Panel Id').style.display='hidden'