CALENDAR

Here is the code in this textbox

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

DAY OF BIRTH

Here is the code in this textbox

<!-- For more scripts visit http://gobill.hexat.com --> <SCRIPT LANGUAGE="JavaScript"> <!-- begin script //General Array Function function MakeArray(n) { this.length = n; for (var i = 1; i <=n; i++) { this[i] = 0; } } //Initialize Days of Week Array days = new MakeArray(7); days[0] = "Saturday" days[1] = "Sunday" days[2] = "Monday" days[3] = "Tuesday" days[4] = "Wednesday" days[5] = "Thursday" days[6] = "Friday" //Initialize Months Array months = new MakeArray(12); months[1] = "January" months[2] = "February" months[3] = "March" months[4] = "April" months[5] = "May" months[6] = "June" months[7] = "July" months[8] = "August" months[9] = "September" months[10] = "October" months[11] = "November" months[12] = "December" //Day of Week Function function compute(form) { var val1 = parseInt(form.day.value, 10) if ((val1 < 0) || (val1 > 31)) { alert("Day is out of range") } var val2 = parseInt(form.month.value, 10) if ((val2 < 0) || (val2 > 12)) { alert("Month is out of range") } var val2x = parseInt(form.month.value, 10) var val3 = parseInt(form.year.value, 10) if (val3 < 1900) { alert("You're that old!") } if (val2 == 1) { val2x = 13; val3 = val3-1 } if (val2 == 2) { val2x = 14; val3 = val3-1 } var val4 = parseInt(((val2x+1)*3)/5, 10) var val5 = parseInt(val3/4, 10) var val6 = parseInt(val3/100, 10) var val7 = parseInt(val3/400, 10) var val8 = val1+(val2x*2)+val4+val3+val5-val6+val7+2 var val9 = parseInt(val8/7, 10) var val0 = val8-(val9*7) form.result1.value = months[val2]+" "+form.day.value +", "+form.year.value form.result2.value = days[val0] } // end script --> </SCRIPT> <H3><i>On what day of the week were you born?</i></H3> <b>Enter your birthday</b> (then hit the "Update" button):<P> <FORM> Numeric Month (1-12): <INPUT TYPE="text" NAME="month" SIZE=2 > <P> Day of Month (1-31): <INPUT TYPE="text" NAME="day" SIZE=2 > <P> Year (eg. 1960): <INPUT TYPE="text" NAME="year" SIZE=4 > <P> <INPUT TYPE="button" VALUE="Update" ONCLICK="compute(this.form)"> <INPUT TYPE="reset" VALUE="Clear"> <P> Date of Birth: <INPUT TYPE="text" NAME="result1" SIZE=18 > <P> Day of Week: <INPUT TYPE="text" NAME="result2" SIZE=18 > </FORM>

SELECT MONTH

Here is the code in this textbox

<!-- For more scripts visit http://gobill.hexat.com --> <SCRIPT LANGUAGE="JavaScript"> <!-- Script by: Rob Patrick (rpatrick@mit.edu) --> <!-- Begin function setToday() { var now = new Date(); var day = now.getDate(); var month = now.getMonth(); var year = now.getYear(); if (year < 100) { year += 1900; } else { year += 2000; } this.focusDay = day; document.calControl.month.selectedIndex = month; document.calControl.year.value = year; displayCalendar(month, year); } function isFourDigitYear(year) { if (year.length != 4) { alert ("Sorry, the year must be four-digits in length."); document.calControl.year.select(); document.calControl.year.focus(); } else { return true; } } function selectDate() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; displayCalendar(month, year); } } function setPreviousYear() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; year--; document.calControl.year.value = year; displayCalendar(month, year); } } function setPreviousMonth() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; if (month == 0) { month = 11; if (year > 1000) { year--; document.calControl.year.value = year; } } else { month--; } document.calControl.month.selectedIndex = month; displayCalendar(month, year); } } function setNextMonth() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; if (month == 11) { month = 0; year++; document.calControl.year.value = year; } else { month++; } document.calControl.month.selectedIndex = month; displayCalendar(month, year); } } function setNextYear() { var year = document.calControl.year.value; if (isFourDigitYear(year)) { var day = 0; var month = document.calControl.month.selectedIndex; year++; document.calControl.year.value = year; displayCalendar(month, year); } } function displayCalendar(month, year) { month = parseInt(month); year = parseInt(year); var i = 0; var days = getDaysInMonth(month+1,year); var firstOfMonth = new Date (year, month, 1); var startingPos = firstOfMonth.getDay(); days += startingPos; document.calButtons.calPage.value = " Su Mo Tu We Th Fr Sa"; document.calButtons.calPage.value += " --------------------"; for (i = 0; i < startingPos; i++) { if ( i%7 == 0 ) document.calButtons.calPage.value += " "; document.calButtons.calPage.value += " "; } for (i = startingPos; i < days; i++) { if ( i%7 == 0 ) document.calButtons.calPage.value += " "; if (i-startingPos+1 < 10) document.calButtons.calPage.value += "0"; document.calButtons.calPage.value += i-startingPos+1; document.calButtons.calPage.value += " "; } for (i=days; i<42; i++) { if ( i%7 == 0 ) document.calButtons.calPage.value += " "; document.calButtons.calPage.value += " "; } document.calControl.Go.focus(); } function getDaysInMonth(month,year) { var days; if (month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12) days=31; else if (month==4 || month==6 || month==9 || month==11) days=30; else if (month==2) { if (isLeapYear(year)) { days=29; } else { days=28; } } return (days); } function isLeapYear (Year) { if (((Year % 4)==0) && ((Year % 100)!=0) || ((Year % 400)==0)) { return (true); } else { return (false); } } // End --> </SCRIPT> <!-- Add the onLoad event handler to the BODY tag --> <BODY onLoad="setToday()"> <CENTER> <H2>Select-A-Month</H2> <FORM NAME="calControl" onSubmit="return false;"> <TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0> <TR><TD COLSPAN=7> <CENTER> <SELECT NAME="month" onChange="selectDate()"> <OPTION>January <OPTION>February <OPTION>March <OPTION>April <OPTION>May <OPTION>June <OPTION>July <OPTION>August <OPTION>September <OPTION>October <OPTION>November <OPTION>December </SELECT> <INPUT NAME="year" TYPE=TEXT SIZE=4 MAXLENGTH=4> <INPUT TYPE="button" NAME="Go" value="Build!" onClick="selectDate()"> </CENTER> </TD> </TR> </FORM> <FORM NAME="calButtons"> <TR><TD align="center"><textarea FONT="Courier" NAME="calPage" WRAP=no ROWS=8 COLS=22>