Accessing invisible control in Javascript

[ipramod]

Hi All,

I have below label which is invisible when the page loads.
<asp:Label ID="lblTest" runat="server" Visible="false" Text="Test"></
asp:Label>


Now if I want to make this label visible on the web page, I used
below
javascript:
document.getElementById("<%= lblTest.ClientID %>").style.display =
"block";


But when the Javascript code is executed, I get below exception:
"Object required"


As per my observation, if the control is not loaded at the first time
then it will not have the client id and it will throw an exception.


Same is the case with DIV. I have 2 DIV's which are invisible on the
page load and in special cases I want to make one DIV visible and
make
other invisible then I get the above exception.


So, is there any way to make the controls visible/invisible
regardless
of their initial stage?


Please let me know ASAP.


Thanks in advance,
PI

 

[Eliyahu Goldin]

Leave Visible=true and hide controls with a css style display:none.

--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net

 

[ipramod]

Hey thanks...
it worked

Leave Visible=true and hide controls with a css style display:none.

--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]http://msmvps.com/blogs/egoldinhttp://usableasp.net

Hi All,

I have below label which is invisible when the page loads.
<asp:Label ID="lblTest" runat="server" Visible="false" Text="Test"></
asp:Label>

Now if I want to make this label visible on the web page, I used
below
javascript:
document.getElementById("<%= lblTest.ClientID %>").style.display =
"block";

But when the Javascript code is executed, I get below exception:
"Object required"

As per my observation, if the control is not loaded at the first time
then it will not have the client id and it will throw an exception.

Same is the case with DIV. I have 2 DIV's which are invisible on the
page load and in special cases I want to make one DIV visible and
make
other invisible then I get the above exception.

So, is there any way to make the controls visible/invisible
regardless
of their initial stage?

Please let me know ASAP.

Thanks in advance,
PI- Hide quoted text -

- Show quoted text -

 

[Mark Rae [MVP]]

Hey thanks...
it worked

Just to add to Eliyahu's response, the reason that it worked (or, rather,
the reason that it didn't work with Visible="false") is because when you set
a control's Visible property to false server-side, it doesn't even get
downloaded to the client...