To change color,when user selects a date?

In the calendar program, if the user selects a date, the selected date,should have a different color,indicating that the date has been clicked.
And when the user selects a date, the user should be able to enter some description about the date in a textbox. (The textbox should appear near the date, and should not be in next page).

<%@page import="java.util.*,java.text.*" %>
 
<html>
<head>
<title>Print a month page.</title>
 
</head>
 
<body bgcolor="white">
 
<% 
 
    boolean yyok = false;
    int yy = 0, mm = 0;
    String yyString = request.getParameter("year");
 
    if (yyString != null && yyString.length() > 0)
{
        try
{
            yy = Integer.parseInt(yyString);
                         yyok = true;
        }
 
              catch (NumberFormatException e)
{
            out.println("Year " + yyString + " invalid" );
        }
 
    }
 
    Calendar c = Calendar.getInstance( );
    if (!yyok)yy = c.get(Calendar.YEAR);   
                mm = c.get(Calendar.MONTH);
%>
 
    <table align="center">
        <tr>
    <td>
        <form method=post action="calendar.jsp">
            Enter Year : <select name="year">
<%          
 
    for(int i=2000;i<=2010;i++)
{
 
%>
          <OPTION VALUE= <%=i%> > <%=i%> </option>
           
<%  
} 
%>
 
</select>
             <input type=submit value="Display">
              </form>
              </td>
 </tr>
             <table>
                  
 
<%!
 
String[] months = {"January","February","March",
 "April","May","June",
 "July","August","September",
 "October","November", "December" 
      }; 
 
int dom[] =     {
                    31, 28, 31, 30,
                    31, 30, 31, 31,
                    30, 31, 30, 31
                };
%>
 
<%
  int leadGap =0;
%>
 
<table border="4" cellpadding=3 cellspacing="3" width="250" align="center" bgcolor="lavender">
<tr>
<td halign="centre" colgroup span="7" style="color:#FF0000;">
</colgroup>
<tr>
<td>
 
<%

GregorianCalendar calendar =null;
for(int j=0;j<12;j++)
{
                    calendar = new GregorianCalendar(yy, j, 1); 
    int row = 1 ;
    row = row + j;
    %>
<table>
            <tr>
<colgroup span="7" style="color:#FF0000;">
</colgroup>
            </tr>
 
 <tr align="center">
 <th colspan=7>
    <%= months[j] %>
    <%= yy %>
 </th>
 </tr>
 
<tr>
<td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
</tr>
 
<%
 
    leadGap = calendar.get(Calendar.DAY_OF_WEEK)-1;
    int daysInMonth = dom[j];
    if ( calendar.isLeapYear( calendar.get(Calendar.YEAR) ) && j == 1)
    ++daysInMonth;
    out.print("<tr >");  
    out.print(" ");
 
      for (int h = 0; h < leadGap; h++) 
{
       out.print("<td> ");
out.print("</td>"); 
}
 
    
    for (int h = 1; h <= daysInMonth; h++)
    {
      out.print("<td>"); 
      out.print("<a href=desc.jsp>" + h + "</a>" );
      out.print("</td>"); 
  
    if ((leadGap + h) % 7 == 0)
   {
        out.println("</tr>");
 
    }
    
  }
 out.println("</tr></table>");
 
if( row%3 != 0)
{
out.println("</td><td>");
}
else
{
out.println("</td></tr>\n<tr><td>");
}
 
 }
%>
 
</html>

please help me with the code

Please do not cross-post the same question in multiple forums. It wastes people's time when multiple redundant conversations take place.