تقويم

<!-- JavaScript immediate script --><br /><SCRIPT LANGUAGE="JavaScript"><br /><!--<br />// Copyright 1996 - Tomer and Yehuda Shiran<br />// This example will appear in our forthcoming book on JavaScript.<br />// Feel free to "steal" this code provided that you leave this notice as is.<br />// Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/<br />// For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com><br />setCal()<br />function getTime() {<br /> // initialize time-related variables with current time settings<br /> var now = new Date()<br /> var hour = now.getHours()<br /> var minute = now.getMinutes()<br /> now = null<br /> var ampm = "" <br /> // validate hour values and set value of ampm<br /> if (hour >= 12) {<br /> hour -= 12<br /> ampm = "PM"<br /> } else<br /> ampm = "AM"<br /> hour = (hour == 0) ? 12 : hour<br /> // add zero digit to a one digit minute<br /> if (minute < 10)<br /> minute = "0" + minute // do not parse this number!<br /> // return time string<br /> return hour + ":" + minute + " " + ampm<br />}<br />function leapYear(year) {<br /> if (year % 4 == 0) // basic rule<br /> return true // is leap year<br /> /* else */ // else not needed when statement is "return"<br /> return false // is not leap year<br />}<br />function getDays(month, year) {<br /> // create array to hold number of days in each month<br /> var ar = new Array(12)<br /> ar[0] = 31 // January<br /> ar[1] = (leapYear(year)) ? 29 : 28 // February<br /> ar[2] = 31 // March<br /> ar[3] = 30 // April<br /> ar[4] = 31 // May<br /> ar[5] = 30 // June<br /> ar[6] = 31 // July<br /> ar[7] = 31 // August<br /> ar[8] = 30 // September<br /> ar[9] = 31 // October<br /> ar[10] = 30 // November<br /> ar[11] = 31 // December<br /> // return number of days in the specified month (parameter)<br /> return ar[month]<br />}<br />function getMonthName(month) {<br /> // create array to hold name of each month<br /> var ar = new Array(12)<br /> ar[0] = "January"<br /> ar[1] = "February"<br /> ar[2] = "March"<br /> ar[3] = "April"<br /> ar[4] = "May"<br /> ar[5] = "June"<br /> ar[6] = "July"<br /> ar[7] = "August"<br /> ar[8] = "September"<br /> ar[9] = "October"<br /> ar[10] = "November"<br /> ar[11] = "December"<br /> // return name of specified month (parameter)<br /> return ar[month]<br />}<br />function setCal() {<br /> // standard time attributes<br /> var now = new Date()<br /> var year = now.getYear()<br /> var month = now.getMonth()<br /> var monthName = getMonthName(month)<br /> var date = now.getDate()<br /> now = null<br /> // create instance of first day of month, and extract the day on which it occurs<br /> var firstDayInstance = new Date(year, month, 1)<br /> var firstDay = firstDayInstance.getDay()<br /> firstDayInstance = null<br /> // number of days in current month<br /> var days = getDays(month, year)<br /> // call function to draw calendar<br /> drawCal(firstDay + 1, days, date, monthName, 1900 + year)<br />function drawCal(firstDay, lastDate, date, monthName, year) {<br /> // constant table settings<br /> var headerHeight = 50 // height of the table's header cell<br /> var border = 2 // 3D height of table's border<br /> var cellspacing = 4 // width of table's border<br /> var headerColor = "midnightblue" // color of table's header<br /> var headerSize = "+3" // size of tables header font<br /> var colWidth = 60 // width of columns in table<br /> var dayCellHeight = 25 // height of cells containing days of the week<br /> var dayColor = "darkblue" // color of font representing week days<br /> var cellHeight = 40 // height of cells representing dates in the calendar<br /> var todayColor = "red" // color specifying today's date in the calendar<br /> var timeColor = "purple" // color of font representing current time<br /> // create basic table structure<br /> var text = "" // initialize accumulative variable to empty string<br /> text += '<CENTER>'<br /> text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings<br /> text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell<br /> text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header<br /> text += monthName + ' ' + year <br /> text += '</FONT>' // close table header's font settings<br /> text += '</TH>' // close header cell<br /> // variables to hold constant settings<br /> var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'<br /> openCol += '<FONT COLOR="' + dayColor + '">'<br /> var closeCol = '</FONT></TD>'<br /> // create array of abbreviated day names<br /> var weekDay = new Array(7)<br /> weekDay[0] = "Sun"<br /> weekDay[1] = "Mon"<br /> weekDay[2] = "Tues"<br /> weekDay[3] = "Wed"<br /> weekDay[4] = "Thu"<br /> weekDay[5] = "Fri"<br /> weekDay[6] = "Sat"<br /> // create first row of table to set column width and specify week day<br /> text += '<TR ALIGN="center" VALIGN="center">'<br /> for (var dayNum = 0; dayNum < 7; ++dayNum) {<br /> text += openCol + weekDay[dayNum] + closeCol <br /> }<br /> text += '</TR>'<br /> // declaration and initialization of two variables to help with tables<br /> var digit = 1<br /> var curCell = 1<br /> for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) {<br /> text += '<TR ALIGN="right" VALIGN="top">'<br /> for (var col = 1; col <= 7; ++col) {<br /> if (digit > lastDate)<br /> break<br /> if (curCell < firstDay) {<br /> text += '<TD></TD>';<br /> curCell++<br /> } else {<br /> if (digit == date) { // current cell represent today's date<br /> text += '<TD HEIGHT=' + cellHeight + '>'<br /> text += '<FONT COLOR="' + todayColor + '">'<br /> text += digit<br /> text += '</FONT><BR>'<br /> text += '<FONT COLOR="' + timeColor + '" SIZE=2>'<br /> text += '<CENTER>' + getTime() + '</CENTER>'<br /> text += '</FONT>'<br /> text += '</TD>'<br /> } else<br /> text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'<br /> digit++<br /> }<br /> }<br /> text += '</TR>'<br /> }<br /> // close all basic table tags<br /> text += '</TABLE>'<br /> text += '</CENTER>'<br /> // print accumulative HTML string<br /> document.write(text) <br />}<br />// --><br /></SCRIPT>