• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kalender

Status
Für weitere Antworten geschlossen.
Werbung:
hier von Selfhtml:
Code: 
<html>
<head>
<title>Monatskalender</title>
</head>
<body>

<h1 style="font-family:Verdana,Arial; font-weight:normal">Monatskalender</h1>

<script type="text/javascript">
var d = new Date();
var dm = d.getMonth() + 1;
var dj = d.getYear();
if (dj < 999)
  dj += 1900;
Kalender(dm, dj);

function Kalender (Monat, Jahr) {
  Monatsname = new Array("Januar", "Februar", "M&auml;rz", "April", "Mai", "Juni", "Juli",
                          "August", "September", "Oktober", "November", "Dezember");
  Tag = new Array("Mo", "Di", "Mi", "Do", "Fr", "Sa", "So");

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

  var jetzt = new Date();
  var DieserMonat = jetzt.getMonth() + 1;
  var DiesesJahr = jetzt.getYear();
  if (DiesesJahr < 999)
    DiesesJahr += 1900;
  var DieserTag = jetzt.getDate();
  var Zeit = new Date(Jahr, Monat - 1, 1);
  var Start = Zeit.getDay();
  if (Start > 0) {
    Start--;
  } else {
    Start = 6;
  }
  var Stop = 31;
  if (Monat == 4 || Monat == 6 || Monat == 9 || Monat == 11)
    --Stop;
  if (Monat == 2) {
    Stop = Stop - 3;
    if (Jahr % 4 == 0)
      Stop++;
    if (Jahr % 100 == 0)
      Stop--;
    if (Jahr % 400 == 0)
      Stop++;
  }
  document.write('<table border="3" cellpadding="1" 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(" ", Thgrund, TSchrFarbe, TSchrGroesse, TSchrArt);
      } else {
        if (Tageszahl > Stop) {
          SchreibeZelle(" ", 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(" ", 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("<\/table>");
}

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>");
}

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>
kann man anpassen , muss man aber nicht ;)
 
Werbung:
Hallo allerseits.

TeeZett, das Design ist sehr simpel und ohne großen Aufwand gestaltet, aber wenn es dir nicht gefällt, kannst du dir ja gerne die Freiheit nehmen, den Code designmäßig auf deine Vorstellungen anzupassen.

Mit freundlichsten Grüßen,
Leander Muskalla
 
Du kannst das Design im Code anpassen. Übrigens gibt es etliche Seiten, die Kalender anbieten, welche ohne JS gemacht sind - PHP. Die eindeutig bessere Lösung. Mein Tip wäre, dass du dir selber einen Kalender programmierst, damit du den Überblick, den du derzeit nicht hast, auch behälst.
 
Werbung:
Hallo allerseits.

TeeZett, du kannst den Code beliebig abändern und somit das Design des Kalenders verändern.

Autoterrorist hat Recht. Es gibt viele Seiten, die PHP-Kalender kostenlos anbieten. Hier könntest du durchaus fündig werden: http://www.php-free.de/Kalender/

AT, das Problem wird wohl sein, dass er nicht weiss, wie man einen solchen Kalender mit PHP programmiert, sonst würde er es vermutlich machen und nicht einen kostenlosen suchen.

Mit freundlichsten Grüßen,
Leander Muskalla
 
Hallo allerseits.

Ja, da hast du nun auch wieder Recht Autoterrorist.

TeeZett, ich denke, ich spreche im Namen aller User hier, wenn ich sage: 'Bitte mach dein Avatar kleiner. Es verschiebt die ganze Ansicht des Threads und das ganze wird somit sehr unübersichtlich.'

Mit freundlichsten Grüßen,
Leander Muskalla
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben