Dynamic Calendar

Kaum zu glauben, aber wahr. Dieser Kalender kann alle Daten vom Jahre
1582 bis 9999 darstellen. Außerdem passt er sich dem aktuellen Datum
beim Aufrufen dieser Seite an.
Der Tag wird dann in ROT dargestellt.

Dieses Script läuft auf folgenden Browsern:
	Internet Explorer
	Mozilla Firefox
getestet jeweils mit der aktuellen Version

Wissenwertes zu Kalendern

Dieser Kalender kann alle Daten vom Jahre 0 bis 9999 darstellen.
Es gab niemals ein Jahr "0".
Begründung: Vor dem Gregorianischen Kalender galt der Julianische Kalender. Dieser Kalender wurde von Julius Caesar entwickelt. Die Römer kennen für die Zahl "0" KEIN Zeichen!!!
Nach dem 31. Dezember 1 vor Christi (= 31.12. -1 = 31.12. 1 BC) folgte direkt der 1. Januar 1 nach Christi (= 1.1. 1 = 1.1.1 AD).

Am (Donnerstag) 4. Oktober 1582 AD (Julianischer Kalender) folgte auf Grund der Gregorianischen Kalenderreform direkt der (Freitag) 15. Oktober 1582 AD (Gregorianischer Kalender).

Wenn man den Fehler mit der Jahreszahl "0" nicht beachtet, dann kann man diesen Kalender nur ab der Zeit vom Freitag, den 15. Oktober 1582 AD (Gregorianischen Kalender) für den Gregorianischen Kalender verwenden. Alles was vor dem 15. Oktober 1582 AD dargestellt wird, kann man nur als proleptischer Gregorianischer Kalender bezeichnen!

Vielen Dank für diese Ausführung an Jens Schneider,

http://www.kalendersysteme.de
Hier gibt es noch viele weitere Themen, die sich mit Kalendern befassen. Eine sehr umfangreiche und gut strukturierte Webseite.

HTML-Einbindung
    <script language="JavaScript"> /* Dynamic Calendar II (By Jason Moon at jasonmoon@usa.net, http://jasonmoon.virtualave.net/) For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ var Selected_Month; var Selected_Year; var Current_Date = new Date(); var Current_Month = Current_Date.getMonth(); var Days_in_Month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); var Month_Label = new Array('Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'); var Current_Year = Current_Date.getYear(); var Today = Current_Date.getDate(); function Header(Year, Month) { if (Month == 1) { if ((Year % 400 == 0) || ((Year % 4 == 0) && (Year % 100 != 0))) { Days_in_Month[1] = 29; } } var Header_String = Month_Label[Month] + ' ' + Year; return Header_String; } function Make_Calendar(Year, Month) { var First_Date = new Date(Year, Month, 1); var Heading = Header(Year, Month); var First_Day = First_Date.getDay() + 1; if (((Days_in_Month[Month] == 31) && (First_Day >= 6)) || ((Days_in_Month[Month] == 30) && (First_Day == 7))) { var Rows = 6; } else if ((Days_in_Month[Month] == 28) && (First_Day == 1)) { var Rows = 4; } else { var Rows = 5; } var HTML_String = '<table><tr><td valign="top"><table BORDER=4 CELLSPACING=1 cellpadding=2 FRAME="box" BGCOLOR="C0C0C0" BORDERCOLORLIGHT="808080">'; HTML_String += '<tr><th colspan=7 BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Heading + '</font></th></tr>'; HTML_String += '<tr><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">So</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mo</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Di</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Mi</th>'; HTML_String += '<th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Do</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Fr</th><th ALIGN="CENTER" BGCOLOR="FFFFFF" BORDERCOLOR="000000">Sa</th></tr>'; var Day_Counter = 1; var Loop_Counter = 1; for (var j = 1; j <= Rows; j++) { HTML_String += '<tr ALIGN="left" VALIGN="top">'; for (var i = 1; i < 8; i++) { if ((Loop_Counter >= First_Day) && (Day_Counter <= Days_in_Month[Month])) { if ((Day_Counter == Today) && (Year == Current_Year) && (Month == Current_Month)) { HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000"><strong><font color="red">' + Day_Counter + '</font></strong></td>'; } else { HTML_String += '<td BGCOLOR="FFFFFF" BORDERCOLOR="000000">' + Day_Counter + '</td>'; } Day_Counter++; } else { HTML_String += '<td BORDERCOLOR="C0C0C0"> </td>'; } Loop_Counter++; } HTML_String += '</tr>'; } HTML_String += '</table></td></tr></table>'; document.all.Calendar.innerHTML = HTML_String; } function Check_Nums() { if ((event.keyCode < 48) || (event.keyCode > 57)) { return false; } } function On_Year() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } } function On_Month() { var Year = document.when.year.value; if (Year.length == 4) { Selected_Month = document.when.month.selectedIndex; Selected_Year = Year; Make_Calendar(Selected_Year, Selected_Month); } else { alert('Please enter a valid year.'); document.when.year.focus(); } } function Defaults() { if (!document.all) return var Mid_Screen = Math.round(document.body.clientWidth / 2); document.when.month.selectedIndex = Current_Month; document.when.year.value = Current_Year; Selected_Month = Current_Month; Selected_Year = Current_Year; Make_Calendar(Current_Year, Current_Month); } function Skip(Direction) { if (Direction == '+') { if (Selected_Month == 11) { Selected_Month = 0; Selected_Year++; } else { Selected_Month++; } } else { if (Selected_Month == 0) { Selected_Month = 11; Selected_Year--; } else { Selected_Month--; } } Make_Calendar(Selected_Year, Selected_Month); document.when.month.selectedIndex = Selected_Month; document.when.year.value = Selected_Year; } </script>  <body onLoad="Defaults()">  <center> <div id=NavBar style="position:relative;width:286px;top:5px;" align="left"> <form name="when"><table> <tr> <td> <p align="center"><input type="button" value="<-- Zurück" onClick="Skip('-')"></p> </td> <td> <p align="center"> </td> <td> <p align="center"><select name="month" onChange="On_Month()"> <script language="JavaScript1.2"> if (document.all){ for (j=0;j<Month_Label.length;j++) { document.writeln('<option value=' + j + '>' + Month_Label[j]); } } </script> </select> </p> </td> <td> <p align="center"><input type="text" name="year" size=4 maxlength=4 onKeyPress="return Check_Nums()" onKeyUp="On_Year()"></p> </td> <td> <p align="center"> </td> <td> <p align="center"><input type="button" value="Vorwärts -->" onClick="Skip('+')"></p> </td> </tr></table></form></div> <div id=Calendar style="position:relative;width:238px;top:-2px;" align="left"></div> </center>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"