Plak dit tussen de <body> tags
<SCRIPT LANGUAGE="JavaScript"> <!-- setCal() function getTime() { var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "AM" hour = (hour == 0) ? 12 : hour if (minute < 10) minute = "0" + minute return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) return true return false } function getDays(month, year) { var ar = new Array(12) ar[0] = 31 // Januari ar[1] = (leapYear(year)) ? 29 : 28 // Februari ar[2] = 31 // Maart ar[3] = 30 // April ar[4] = 31 // Mei ar[5] = 30 // Juni ar[6] = 31 // Juli ar[7] = 31 // Augustus ar[8] = 30 // September ar[9] = 31 // Oktober ar[10] = 30 // November ar[11] = 31 // December return ar[month] } function getMonthName(month) { var ar = new Array(12) ar[0] = "Januari" ar[1] = "Februari" ar[2] = "Maart" ar[3] = "April" ar[4] = "Mei" ar[5] = "Juni" ar[6] = "Juli" ar[7] = "Augustus" ar[8] = "September" ar[9] = "Oktober" ar[10] = "November" ar[11] = "December" return ar[month] } function setCal() { var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null var days = getDays(month, year) drawCal(firstDay + 1, days, date, monthName, 0000 + year) } function drawCal(firstDay, lastDate, date, monthName, year) { // verander hieronder de variabelen van de kalender var headerHeight = 30 // hoogte van de cel bovenin (maand ) var border = 1 // 3D hoogte van de rand van de tabel var cellspacing = 4 // breedte van de tabel var headerColor = "red" // kleur van de maand bovenin var headerSize = "+2" // grote lettertype maand var colWidth = 40 // breedte kolommen in tabel var dayCellHeight = 20 // hoogte cellen die de dagen van de week weergeven var dayColor = "green" // kleur van de weekdagen var cellHeight = 30 // hoogte van de cellen die de weekdagen weergeven var todayColor = "red" // kleur van de dag die het is var timeColor = "khaki" // kleur van de tijd // create basic table structure var text = "" text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' text += monthName + ' ' + year text += '</FONT>' text += '</TH>' var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' var weekDay = new Array(7) weekDay[0] = "Zon" weekDay[1] = "Maa" weekDay[2] = "Din" weekDay[3] = "Woe" weekDay[4] = "Don" weekDay[5] = "Vrij" weekDay[6] = "Zat" text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' + todayColor + '">' text += digit text += '</FONT><BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } // --> </SCRIPT>