Accessing invisible control in Javascript

  • Thread starter Thread starter ipramod
  • Start date Start date
I

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
 
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,
Click to expand...
I have below label which is invisible when the page loads.
<asp:Label ID="lblTest" runat="server" Visible="false" Text="Test"></
asp:Label>
Click to expand...
Now if I want to make this label visible on the web page, I used
below
javascript:
document.getElementById("<%= lblTest.ClientID %>").style.display =
"block";
Click to expand...
But when the Javascript code is executed, I get below exception:
"Object required"
Click to expand...
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.
Click to expand...
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.
Click to expand...
So, is there any way to make the controls visible/invisible
regardless
of their initial stage?
Click to expand...
Please let me know ASAP.
Click to expand...
Thanks in advance,
PI- Hide quoted text -
Click to expand...

- Show quoted text -
Click to expand...
 
Hey thanks...
it worked :)
Click to expand...

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...
 
Back
Top