Using Javascript Client-Side to Hide .net ASCX UserControl

[graemea100]

I am creating a web app that has several UserControls loaded. What I want to do is when the user clicks the Datalist Item that has a Controls corresponding value, it sets the UserControl to being visible. All the other UserControls are set to hidden. I know how to set Textboxes etc to hidden and visible using Javascript, but how do I set the UserControl to hidden and visible when the correct item in the datalist is selected. Any help would be greatly appreciated. Graeme:^)

[Vasudevan Deepak Kumar]

Hi Graeme: You can load the .ASCX itself into a DIV right? This div, with a distinct id, you can toggle its visibility status! Did this help you? Deepak Kumar Vasudevan Personal Web: http://vdeepakkumar.netfirms.com/ I Blog At: http://deepak.blogdrive.com/

[graemea100]

Thanks Deepak I will try that and let you know how it goes. Graeme:)

[graemea100]

Excellent that worked brilliantly. Just have to set the height and width and visibility, as I was having a problem that the rest of the items below the ascx page (static data/GUI) do not move down when you set the visibility to visible. It seems to place is over the top of the items currently on the page, instead of moving them down. We will have to set the height depending on the size of the DIV that we set up for each control. Is there any way of getting the height of the DIV tag as a variable and just increasing the height based on the height of the div that should be visible. IE: can you get the div's height value at run time from the client side script, and when setting the visibility, setting the height also? Thanks for the help:laugh: