visible = true/false

[karenRoss]

hi!

I was wondering if anyone knows of a way to show and hide an asp panel based on a user click on a page.

Or should I use javascript and CSS tags to show/unshow the table I want?

I might not know the ID to some of these objects and I think that might be a problem.

Any thoughts?

[Frinavale]

hi!

I was wondering if anyone knows of a way to show and hide an asp panel based on a user click on a page.

Or should I use javascript and CSS tags to show/unshow the table I want?

I might not know the ID to some of these objects and I think that might be a problem.

Any thoughts?

You can use JavaScript and CSS if you'd like to. Remember that if you set an element in your Server Side code it will simply not write that object to browser. Therefore you can't refer to the object using JavaScript or CSS if you've set something to be visible=false in your Server Side code.

You can always refer to your asp panel's client id..pass it to your JavaScript to control its CSS properties.

Eg:

 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  CheckBoxVisibilitiy.Attributes.Add("OnClick", "SetPanelVisibility('" + myPanel.ClientID + "');")
...
End Sub
 

<script>
    function SetPanelVisibility(nameOfPanel)
    {    if(condition....)
         {
             document.getElementByID(nameOfPanel).visible = 'visible'
         }
    }
</script>
 
 

Hope this helps!

-Frinny

[Plater]

<script>
    function SetPanelVisibility(nameOfPanel)
    {    if(condition....)
         {
             document.getElementByID(nameOfPanel).visible = 'visible'
         }
    }
</script>
 

-Frinny

Be aware that document.getElementByID() is not a universal syntax (firefox/netscape is a little different I think)

It's recomended to try this instead:

function returnObjById( id ) 
{ 
   if (document.getElementById) 
      var returnVar = document.getElementById(id); 
   else if (document.all) 
     var returnVar = document.all[id]; 
   else if (document.layers) 
      var returnVar = document.layers[id]; 
   return returnVar; 
} 
 

[karenRoss]

Thanks for your input guys! It was a big help. I was able to put together some sort of javascript that worked.