Untitled

<!DOCTYPE html>
<html>
<head>
<title>Monatskalender</title>
    <meta charset="UTF-8" />
    <!-- CSS -->
    <link href="style.css" type="text/css" href="style.css" />
</head>
<body>

<a href="javascript:blaettern('zurueck');">zur&uuml;ck</a>
<a href="javascript:blaettern('weiter');">weiter</a>

<script type="text/javascript">

document.write('<h1 style="font-family:Verdana,Arial; font-weight:normal">Monatskalender</h1>');

    /* Aktuelles Datum wird für Kalender benutzt */
    var d = new Date();

    /* Jahr immer mind. 1900 */
    var dm = d.getMonth() + 1;

    /* ******************************************** */

    /* Hier kommt mein Versuch mit den weiter/zurueck-Links
     * die Variable 'dm' zu verändern, um den Monat weiterzuklicken,
     * leider funktioniert es nicht.
     *
     * Die Werte 'weiter=1' bzw. 'zurueck=1'
     * werden zwar in der Funktion 'blaettern' übergeben und auch
     * 'dm' um 1 erhöht/erniedrigt, aber sonst passiert nichts... */

    /* Monat vor und zurück */
    function blaettern(richtung)
    {
        if(richtung != "")
        {
            /* Funktion 'blaettern' aufgerufen */
            if(richtung == 'weiter')
            {
                var weiter = 1;
            }
            if(richtung == 'zurueck')
            {
                var zurueck = 1;
            }
            /* Monatswert erhöhen */
            if(weiter == 1)
            {
                dm++;
                //alert("dm ist "+dm);
            }
            if(zurueck == 1)
            {
                dm--;
                //alert("dm ist "+dm);
            }
        }
    }
    /* ******************************************** */

    var dj = d.getYear();
    if (dj < 999)
    {
        dj += 1900;
    }
    Kalender(dm, dj);


//Kalender(dm, dj);

function Kalender (Monat, Jahr) {


    // Monatsnamen-Array
    Monatsname = new Array("Januar", "Februar", "M&auml;rz", "April", "Mai", "Juni", "Juli",
                          "August", "September", "Oktober", "November", "Dezember");
    // Tagesnamen-Array
    Tag = new Array("Mo", "Di", "Mi", "Do", "Fr", "Sa", "So");

  var KSchrArt = "Verdana,Arial"; /* Schriftart Kalenderkopf */
  var KSchrGroesse = 2.5;         /* Schriftgroesse 1-7 Kalenderkopf */
  var KSchrFarbe = "#FFFF00";     /* Schriftfarbe Kalenderkopf */
  var Khgrund = "#48485D";        /* Hintergrundfarbe Kalenderkopf */
  var TSchrArt = "Verdana,Arial"; /* Schriftart Tagesanzeige */
  var TSchrGroesse = 2.5;         /* Schriftgroesse 1-7 Tagesanzeige */
  var TSchrFarbe = "#000000";     /* Schriftfarbe Tagesanzeige */
  var Thgrund = "#D0F0F0";        /* Hintergrundfarbe Tagesanzeige */
  var SoFarbe = "#E00000";        /* Schriftfarbe f. Sonntage */
  var Ahgrund = "#A2BFBF";        /* Hintergrundfarbe f. heutigen Tag */

    // Kalenderdatum festlegen
    var jetzt = new Date();

    var DieserMonat = jetzt.getMonth() + 1;
    var DiesesJahr = jetzt.getYear();
    if (DiesesJahr < 999)
    {
        DiesesJahr += 1900;
    }
    var DieserTag = jetzt.getDate();

  /* Datumsobjekt erzeugt, das sich mit Date(Jahr,Monat-1,1)
   * auf den ersten Tag des auszugebenden Monats bezieht
   */
  var Zeit = new Date(Jahr, Monat - 1, 1);

  // Wochentag wird  ermittelt: 0 = Montag... 6 = Sonntag
  var Start = Zeit.getDay();

  // Erter Tag Start auf 1
  if (Start > 0) {
    Start--;
  } else {
    Start = 6;
  }
  // Letzter Tag, Stop = 31
  var Stop = 31;
  // 30-tägige Monate, dann Stop = 30
  if (Monat == 4 || Monat == 6 || Monat == 9 || Monat == 11)
    --Stop;
  // Letzten Tag für Februar-Monate
  if (Monat == 2) {
    Stop = Stop - 3;
    if (Jahr % 4 == 0) // Schaltjahr = 29 Tage
      Stop++;
    if (Jahr % 100 == 0) // kein Schaltjahr = 28 Tage
      Stop--;
    if (Jahr % 400 == 0) // erneut Schaltjar = 29 Tage
      Stop++;
  }

  /* Ausgabe des Kalenders in Tabbelle */
  document.write('<table border="2" cellpadding="5" cellspacing="1">');
  var Monatskopf = Monatsname[Monat - 1] + " " + Jahr;
  SchreibeKopf(Monatskopf, Khgrund, KSchrFarbe, KSchrGroesse, KSchrArt);
  var Tageszahl = 1;
  for (var i = 0; i <= 5; i++) {
    document.write("<tr>");
    for (var j = 0; j <= 5; j++) {
      if ((i == 0) && (j < Start)) {
        SchreibeZelle("&#160;", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
      } else {
        if (Tageszahl > Stop) {
          SchreibeZelle("&#160;", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
        } else {
          if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
            SchreibeZelle(Tageszahl, Ahgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
          } else {
            SchreibeZelle(Tageszahl, Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
          }
          Tageszahl++;
        }
      }
    }
    if (Tageszahl > Stop) {
      SchreibeZelle("&#160;", Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
    } else {
      if ((Jahr == DiesesJahr) && (Monat == DieserMonat) && (Tageszahl == DieserTag)) {
        SchreibeZelle(Tageszahl, Ahgrund, SoFarbe, TSchrGroesse, TSchrArt);
      } else {
        SchreibeZelle(Tageszahl, Thgrund, SoFarbe, TSchrGroesse, TSchrArt);
      }
      Tageszahl++;
    }
    document.write("<\/tr>");
  }
  document.write("<tr><td colspan='7' bgcolor='" + Thgrund + "'><\/td><\/tr>");
  document.write("<\/table>");
}

// Tabellenkopf ausgeben
function SchreibeKopf (Monatstitel, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
  document.write("<tr>");
  document.write('<td align="center" colspan="7" valign="middle" bgcolor="' + HgFarbe + '">');
  document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt + '"><b>');
  document.write(Monatstitel);
  document.write("<\/b><\/font><\/td><\/tr>");
  document.write("<tr>");
  for (var i = 0; i <= 6; i++)
    SchreibeZelle(Tag[i], HgFarbe, SchrFarbe, SchrGroesse, SchrArt);
  document.write("<\/tr>");
}

// Zeile ausgeben
function SchreibeZelle (Inhalt, HgFarbe, SchrFarbe, SchrGroesse, SchrArt) {
  document.write('<td align="center" valign="middle" bgcolor="' + HgFarbe + '">');
  document.write('<font size="' + SchrGroesse + '" color="' + SchrFarbe + '" face="' + SchrArt + '"><b>');
  document.write(Inhalt);
  document.write("<\/b><\/font><\/td>");

}


</script>
</body>
</html>