Hi,

      I am using a textbox & dropdownlist in a user control. I want that when the user clicks the textbox, the dropdownlist should get invisible, i wrote the following code in the page load event in .ascx.vb file:
If Not (Page.IsPostBack) Then
  textbox1.Attributes.Add("onclick", "javascript:letsgetinvisible();")
 End If

How to write code for making the dropdownlist invisible in javascript in the user control file(.ascx)?

The following code i tried, doesn't works"
<script language=javascript >
function letsgetinvisible()
{
        dropdownlist1.visible=false
}
</script>

Will someone plz. guide me? Am i trying it the correct way, or there is some other way to do it.

Regards
Gagan!

Hi Gagan,

You should get a reference to the drop down using document.getElementById(SomeId) where SomeId is the Id of the text box. Then you should use the display (or the visibility) property of the style class:

function letsgetinvisible()
{
  document.getElementById('dropdownlist1').style.dis play = 'none';
}

Your approach is .NET code in JavaScript, which won't work at the client. You need a combination og client side JavaScript and CSS.

Hope this helps,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004

Hey Imar,

           Thanks for your reply. I have tried what you have hinted:
document.getElementById('dropdownlist1').style.dis play = 'none';
or
document.all.item('dropdownlist1').style.visibilit y = "hidden";

It gives error: OBJECT REQUIRED
where dropdownlist1 is the id of the textbox.

also i have tried this:
document.getElementById('dropdownlist1').visible=f alse;
or
document.getElementById('<%=dropdownlist1%>').visi ble=false;

It gives error:document.getElementById() is null or not an object

Any clues for these errors?

Regards
Gagan

When you look at the resulting HTML in the browser, is the control still called dropdownlist1?

Maybe it has been prefixed by its naming container like a Repeater or a DataGrid?

Also, check the spelling and casing of the control name....

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004

Hey Imar,

            Thanks for pushing me to the right track! It worked. When i noticed the source-code in the view source, the dropdownlist was getting pre-fixed by the name of container as: CL1_dropdownlist1

document.all.item('CL1_dropdownlist1').style.visib ility = "hidden";
or
document.getElementById('CL1_dropdownlist1').style .display='none';

both are working.

Thanks again!

Regards
Gagan