Question

I’m looking to create a custom date picker with code examples from several sources.

Is the code to display/hide an ASP.NET control when a user clicks a button usually done with JavaScript or ASP.NET code? By display/hide, I mean within the page not a popup window.

Please provide a simple example. (If ASP.NET, VB example preferred over C#)

Answer 1

The answer is, it depends. Do you want the date picker show/hide to trigger a postback and thus some code on the server, or do you want it to act purely on the client?

If you want it to act purely on the client, then, modify the markup for your button:

<asp:Button runat="server" ID="myButton" OnClientClick="ShowHideCalendar()" Text="myButton" />
<script language="javascript" type="text/javascript">
var calendarVisible = false;
function ShowHideCalendar()
{
  if (calendarVisible)
  {
    // Code to *SHOW* calendar here
    // Show the DIV it's contained in, pop the window with it in, etc..
  }
  else
  {
    // Code to *HIDE* the calendar here
  }
}
</script>

The key bit is the “OnClientClick” property of the asp:Button control.