I have made a part of a calendar with a schedule box. does anyone know how to make each date in each month come up with a different result in the box?
<html>
<head>
<SCRIPT language = "javascript" type="text/javascript">
<!-- Hide script from non-supporting browsers
daySchedule = new Array
daySchedule[1] = "carnival"
daySchedule[2] = "Jazz festival"
daySchedule[5] = "Friends of Poodles annual dinner and dog ball: 7 - 11pm"
daySchedule[7] = "Community Church Sacred Harp Singing: 7 - 10pm"
daySchedule[9] = "Carson/Kathilde Wedding: 7:30pm"
daySchedule[10] = "Jimmy Buffet Fan Club dinner dance: 6:30 - 11pm"
daySchedule[12] = "Tri-county Divorced Parents board meeting: 11am - 1pm"
daySchedule[14] = "Churchill's 10th Anniversary Bash 7pm - 2am"
daySchedule[17] = "Irish Singles St. Patrick's Day Dance: 7:30pm - midnight"
daySchedule[20] = "Girl Scout Troop #1379 Silent Auction: 6 - 8 pm"
daySchedule[24] = "Thomason/Kirshtein 10th Anniversary Party: 2 - 5 pm"
daySchedule[26] = "St. Mary's Elementary teacher in-service: 8:30am - 4 pm"
daySchedule[28] = "B. Mevitz Camp administrators meeting: Noon - 2:30 pm"
daySchedule[30] = "3rd Street Mission chili cook-off and gospel singing: 3pm - 10 pm"
function showDate(thisDay)
{
document.Calendar.dateInfo.value = daySchedule[thisDay]
}// end hiding script -->
</script>
<div style="position: absolute; top: 17px; left: 183px; width: 158px; height: 179px; z-index: 1">
<table border="1" width="158" id="table3">
<tr>
<td align="center" colspan="7">March <b>2006</b></td>
</tr>
<tr>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"><a href="javascript
:showDate(1)">1</a></td>
<td width="16"><a href="javascript
:showDate(2)">2</a></td>
</tr>
<tr>
<td width="16">3</td>
<td width="16">4</td>
<td width="16"><a href="javascript
:showDate(5)">5</a></td>
<td width="16">6</td>
<td width="16"><a href="javascript
:showDate(7)">7</a></td>
<td width="16">8</td>
<td width="16"><a href="javascript
:showDate(9)">9</a></td>
</tr>
<tr>
<td width="16">10</td>
<td width="16">11</td>
<td width="16">12</td>
<td width="16">13</td>
<td width="16">14</td>
<td width="16">15</td>
<td width="16">16</td>
</tr>
<tr>
<td width="16">17</td>
<td width="16">18</td>
<td width="16">19</td>
<td width="16">20</td>
<td width="16">21</td>
<td width="16">22</td>
<td width="16">23</td>
</tr>
<tr>
<td width="16">24</td>
<td width="16">25</td>
<td width="16">26</td>
<td width="16">27</td>
<td width="16">28</td>
<td width="16">29</td>
<td width="16">30</td>
</tr>
<tr>
<td width="16">31</td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
</tr>
--- balance of table ---
</table>
</div>
<div style="position: absolute; top: 18px; left: 355px; width: 158px; height: 179px; z-index: 1">
<table border="1" width="158" id="table2">
<tr>
<td align="center" colspan="7">April <b>2006</b></td>
</tr>
<tr>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"><a href="javascript
:showDate(1)">1</a></td>
<td width="16"><a href="javascript
:showDate(2)">2</a></td>
</tr>
<tr>
<td width="16">3</td>
<td width="16">4</td>
<td width="16"><a href="javascript
:showDate(5)">5</a></td>
<td width="16">6</td>
<td width="16"><a href="javascript
:showDate(7)">7</a></td>
<td width="16">8</td>
<td width="16"><a href="javascript
:showDate(9)">9</a></td>
</tr>
<tr>
<td width="16">10</td>
<td width="16">11</td>
<td width="16">12</td>
<td width="16">13</td>
<td width="16">14</td>
<td width="16">15</td>
<td width="16">16</td>
</tr>
<tr>
<td width="16">17</td>
<td width="16">18</td>
<td width="16">19</td>
<td width="16">20</td>
<td width="16">21</td>
<td width="16">22</td>
<td width="16">23</td>
</tr>
<tr>
<td width="16">24</td>
<td width="16">25</td>
<td width="16">26</td>
<td width="16">27</td>
<td width="16">28</td>
<td width="16">29</td>
<td width="16">30</td>
</tr>
<tr>
<td width="16">31</td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
</tr>
--- balance of table ---
</table>
</div>
<div style="position: absolute; top: 20px; left: 11px; width: 158px; height: 179px; z-index: 3">
<table border="1" width="158">
<tr>
<td align="center" colspan="7">February <b>2006</b></td>
</tr>
<tr>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"><a href="javascript
:showDate(1)">1</a></td>
<td width="16"><a href="javascript
:showDate(2)">2</a></td>
</tr>
<tr>
<td width="16">3</td>
<td width="16">4</td>
<td width="16"><a href="javascript
:showDate(5)">5</a></td>
<td width="16">6</td>
<td width="16"><a href="javascript
:showDate(7)">7</a></td>
<td width="16">8</td>
<td width="16"><a href="javascript
:showDate(9)">9</a></td>
</tr>
<tr>
<td width="16">10</td>
<td width="16">11</td>
<td width="16">12</td>
<td width="16">13</td>
<td width="16">14</td>
<td width="16">15</td>
<td width="16">16</td>
</tr>
<tr>
<td width="16">17</td>
<td width="16">18</td>
<td width="16">19</td>
<td width="16">20</td>
<td width="16">21</td>
<td width="16">22</td>
<td width="16">23</td>
</tr>
<tr>
<td width="16">24</td>
<td width="16">25</td>
<td width="16">26</td>
<td width="16">27</td>
<td width="16">28</td>
<td width="16">29</td>
<td width="16"> </td>
</tr>
<tr>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
</tr>
--- balance of table ---
</table>
</div>
<div style="position: absolute; top: 18px; left: 528px; width: 158px; height: 179px; z-index: 1">
<table border="1" width="158" id="table1">
<tr>
<td align="center" colspan="7">May <b>2006</b></td>
</tr>
<tr>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"><a href="javascript
:showDate(1)">1</a></td>
<td width="16"><a href="javascript
:showDate(2)">2</a></td>
</tr>
<tr>
<td width="16">3</td>
<td width="16">4</td>
<td width="16"><a href="javascript
:showDate(5)">5</a></td>
<td width="16">6</td>
<td width="16"><a href="javascript
:showDate(7)">7</a></td>
<td width="16">8</td>
<td width="16"><a href="javascript
:showDate(9)">9</a></td>
</tr>
<tr>
<td width="16">10</td>
<td width="16">11</td>
<td width="16">12</td>
<td width="16">13</td>
<td width="16">14</td>
<td width="16">15</td>
<td width="16">16</td>
</tr>
<tr>
<td width="16">17</td>
<td width="16">18</td>
<td width="16">19</td>
<td width="16">20</td>
<td width="16">21</td>
<td width="16">22</td>
<td width="16">23</td>
</tr>
<tr>
<td width="16">24</td>
<td width="16">25</td>
<td width="16">26</td>
<td width="16">27</td>
<td width="16">28</td>
<td width="16">29</td>
<td width="16">30</td>
</tr>
<tr>
<td width="16">31</td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
<td width="16"> </td>
</tr>
--- balance of table ---
</table>
</div>
<form name="Calendar">
<div style="position: absolute; top: 268px; left: 23px; width: 301px; height: 100px; z-index: 2">
<textarea rows="6" cols="35" name="dateInfo">
Click on the underlined date to see the events and their scheduled times.
</textarea>
</div>
</form>
help with my calendar
