Line 10 checks the nDate variable and compares its month to the one in tMonth which is the one we want. If they are not the same, an empty cell with class "otherMonth" gets created. If they do match, then an HTML table cell is created with either the class "thisMonth" or "today". You can use these in CSS style sheets to customize the look and behaviour of the calendar.

Line 11 checks to see if the current slot number (n) is divisible by 7, meaning we've created table cells for a whole week. If it is, an end of table row and a new table row HTML tags are added to start a new week.

Finally, in lines 12 and 13, the values from the loop are added to a list which is then printed out to screen. When the calendar field is displayed in a browser, it will create a calendar for whatever month is specified in the DateVal field.

That's it. Save everything and try clicking on the Calendar link on while viewing "MyForm" in a browser. You should see a small version of calpop appear.

Daniel Koffler is a freelance writer and IT consultant based in Montreal, Canada. Daniel can be reached at dkoffler@users.sourceforge.net