Date: 05/05/05 (Web Development)    Keywords: css, html, web

I need help with creating a calendar in css, can someone help me out.

This is what I have to do:

1. I have to create a new blank file and save it as caldendar.js

2. Then within the file, I am supposed to insert a function named calendar() that has a single parameter named "caldate". The caldate parameter stores the date the user wants hightlighted in the calendar.

3. Within the command block of the calendar() function, I am to create an array named "MonthName" that stores the names of the twelve months. Th first element in the array, MonthName[0] should have a value of "January" and completes the rest of the array similarly.

4. Then I am to create an array, "DayName", that stores the three letter abbreviations of the seven weekday names, starting with DayName[0] ="Sun".

5. After the DayName array, I am to create a date object variable named Calendar_Day. If the value of the caldate parameter is equal to "today", set Calendar_Day equal to the current date and time; otherwise, set Calendar_Day equal to the date specified by the caldate parameter. (Hint: use the command: Calendar_Day = new Date(caldate)).

6. Use the getDate(), getMonth(), and getFullYear() methods to extract the day of the month, month number, and four-digit year from the Calendar_Day variable. Store these values in variables named ThisDay, ThisMonth, and ThisYear, respectively.

7. Then I am to use the doucment.write() method to write the following tags to the Web page:
<table id="calendar"> <tr> <th id="calendar_head" colspan="7">Month, Year</th> </tr>

Where [I]Month, Year[/I] is the name of the month and the four-digit year. (Hint: use MonthName[ThisMonth] to display the name of the month; use the ThisYear variable to display the year value.)


Now this is what I have done?
<script type="text/JavaScript"> function calendar(caldate); var Month = new Array() { Monthname [0] = "January"; Monthname [1] = "February"; Monthname [2] = "March"; Monthname [3] = "April"; Monthname [4] = "May"; Monthname [5] = "June"; Monthname [6] = "July"; Monthname [7] = "August"; Monthname [8] = "September"; Monthname [9] = "October"; Monthname [10] = "November"; Monthname [11] = "December"; var DateName = new Array() Datename[0]="Sun"; Datename[1]="Mon"; Datename[2]="Tue"; Datename[3]="Wed"; Datename[4]="Thu"; Datename[5]="Fri"; Datename[6]="Sat"; Calendar_Day = new Date(caldate)) } </script>

8. I am to create a For loop that writes a table row containing seven table heading cells. The For loop should generate the following HTML code:

<table id="calendar"> <tr> <th id="caldendar_head" colspan="7">Month, Year</th> </tr> <tr> <th class="calendar_weekdays">Sun</th> <th class="calendar_weekdays">Mon</th> <th class="calendar_weekdays">Tue</th> <th class="calendar_weekdays">Wed</th> <th class="calendar_weekdays">Thu</th> <th class="calendar_weekdays">Fri</th> <th class="calendar_weekdays">Sat</th> </tr>

I don't think I did any of this right, so can someone point in the right direction.

Source: http://www.livejournal.com/community/webdev/194997.html