JavaScript Kalender

JavaScript Kalender

Kalender der viser den aktuelle måned - med dags dato fremhævet.

Jeg har oversat den til dansk og gjort det nemmere at redigere farver.
Jeg har indsat kommentarer, så du kan se
hvor du kan ændre farver (hex el. name color).

På denne side bruges mit stylesheet. <p> har her en margin på 4px.
Vil du øge afstanden mellem tallene på en anden måde, kan du
evt. sætte margin (eller padding) på <p> til x-antal pixels i scriptet.
Det gør du ved at tilføje margin (eller padding) de steder
hvor der står <p style='color:xxxx'> således (eksempel):
<p style='color:xxxx; margin:4px'>

Du kan højreklikke i tekstfeltet og vælge 'marker alt' og derefter 'kopier'

Indsæt/Insert into <BODY>

<script language="javascript" type="text/javascript">




document.write("bordercolor=gray>");   
document.write("<tr><td colspan=7><center><strong><p style=color:red>" 
+ monthnames[thismonth] + " " + thisyear 
+ "</p></strong></center></td></tr>");
document.write("<tr>");
document.write("<td align=center><p style='color:white'>Sø</p></td>"); 
document.write("<td align=center><p style='color:white'>M</p></td>");
document.write("<td align=center><p style='color:white'>Ti</p></td>");
document.write("<td align=center><p style='color:white'>O</p></td>");
document.write("<td align=center><p style='color:white'>To</p></td>");
document.write("<td align=center><p style='color:white'>F</p></td>");
document.write("<td align=center><p style='color:white'>Lø</p></td>"); 
document.write("</tr>");
document.write("<tr>");
for (s=0;s<startspaces;s++) {
document.write("<td> </td>");
}
count=1;
while (count <= monthdays[thismonth]) {
for (b = startspaces;b<7;b++) {
linktrue=false;
document.write("<td><p style='color:white'>"); 
for (c=0;c<linkdays.length;c++) {
if (linkdays[c] != null) {
if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
document.write("<a href=\"" + linkdays[c][2] + "\">");
linktrue=true;
      }
   }
}
if (count==thisdate) {
document.write("<font color='red'><strong>");  
}
if (count <= monthdays[thismonth]) {
document.write(count);
}
else {
document.write(" ");
}
if (count==thisdate) {
document.write("</strong></font>");
}
if (linktrue)
document.write("</a>");
document.write("</p></td>");
count++;
}
document.write("</tr>");
document.write("<tr>");
startspaces=0;
}
document.write("</table></p>");
// End -->
</script>