--- /dev/null
+function addMonthHeader()
+{
+ var monthheader = document.createElement("tr");
+ const monthnames = [ "Januar", "Februar", "März", "April", "Mai", "Juni",
+ "Juli", "August", "September", "Oktober", "November",
+ "Dezember" ];
+ var month;
+ var span;
+ var date;
+
+ for (var i = 1; i < 13; i++) {
+ month = document.createElement("th");
+ span = document.createAttribute("colspan");
+
+ month.innerText = monthnames[i - 1];
+ date = new Date();
+ date.setMonth(i, 0);
+ span.value = date.getDate();
+
+ month.setAttributeNode(span);
+ monthheader.appendChild(month);
+ }
+
+ return monthheader;
+}
+
+function calender()
+{
+ var cal = document.getElementById("cal");
+ var table = document.createElement("table");
+
+ table.appendChild(addMonthHeader());
+
+ cal.appendChild(table);
+}
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Kalender</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <script src="cal.js" type="text/javascript"></script>
+ </head>
+ <body onload="calender()">
+ <div id=cal>
+ </div>
+ </body>
+</html>