JavaScript voorbeelden

Kalender

m een kalender te maken (waarin de huidige dag vet wordt weergegeven), gebruik je de onderstaande code.

Met een paar aanpassingen kun je dit gebruiken met links vanaf specifieke data. Handig voor online agenda's.

Door slim toepassen van arrays wordt een HTML tabel gegenereerd.

Schrikkeljaar
In dit script is voor februari uitgegaan van 28 dagen. Voor een schrikkeljaar zul je dit dus moeten aanpassen.

<script type="text/javascript" language="JavaScript">
<!-- 
var d = document;
monthnames = new Array(
"januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december");
var linkcount=0;

function addlink(month, day, href) {
var entry = new Array(3);
entry[0] = month;
entry[1] = day;
entry[2] = href;
this[linkcount++] = entry;
}
Array.prototype.addlink = addlink;
linkdays = new Array();
monthdays = new Array(12);
monthdays[0]=31;
monthdays[1]=28;
monthdays[2]=31;
monthdays[3]=30;
monthdays[4]=31;
monthdays[5]=30;
monthdays[6]=31;
monthdays[7]=31;
monthdays[8]=30;
monthdays[9]=31;
monthdays[10]=30;
monthdays[11]=31;
todayDate=new Date();
thisday=todayDate.getDay();
thismonth=todayDate.getMonth();
thisdate=todayDate.getDate();
thisyear=todayDate.getYear();
thisyear = thisyear % 100;
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
if (((thisyear % 4 == 0) 
&& !(thisyear % 100 == 0))
||(thisyear % 400 == 0)) monthdays[1]++;
startspaces=thisdate;
while (startspaces > 7) startspaces-=7;
startspaces = thisday - startspaces + 1;
if (startspaces < 0) startspaces+=7;
d.write("<table border=2>");
d.write("<tr><th colspan=7>" + monthnames[thismonth] + " " + thisyear + "</th></tr>");
d.write("<tr>");
d.write("<td align=center>Zo</td>");
d.write("<td align=center>Ma</td>");
d.write("<td align=center>Di</td>");
d.write("<td align=center>Wo</td>");
d.write("<td align=center>Do</td>");
d.write("<td align=center>Vr</td>");
d.write("<td align=center>Za</td>"); 
d.write("</tr>");
d.write("<tr>");
for (s=0;s<startspaces;s++) {
d.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
d.write("<td align=right>");
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
d.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
      }
   }
}
if (count==thisdate) {
d.write("<strong>");
}
if (count <= monthdays[thismonth]) {
d.write(count);
}
else {
d.write(" ");
}
if (count==thisdate) {
d.write("</strong>");
}
if (linktrue)
d.write("</a>");
d.write("</td>");
count++;
}
d.write("</tr>");
d.write("<tr>");
startspaces=0;
}
d.write("</table>");

//-->
</script>