]> gitweb.hhaalo.de Git - calender.git/commitdiff
add: html with table month header
authorBastian Dehn <hhaalo@arcor.de>
Sun, 12 Dec 2021 17:57:42 +0000 (18:57 +0100)
committerBastian Dehn <hhaalo@arcor.de>
Sun, 12 Dec 2021 17:57:42 +0000 (18:57 +0100)
cal.js [new file with mode: 0644]
index.html [new file with mode: 0644]

diff --git a/cal.js b/cal.js
new file mode 100644 (file)
index 0000000..b949700
--- /dev/null
+++ b/cal.js
@@ -0,0 +1,35 @@
+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);
+}
diff --git a/index.html b/index.html
new file mode 100644 (file)
index 0000000..d0566d5
--- /dev/null
@@ -0,0 +1,12 @@
+<!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>