 Monatskalender-02-B, definierter Monat
Dynamischer Mini-Monatskalender mit Hervorhebung des aktuellen Kalendertages. Hier können (abhängig vom Systemdatum) Kalenderblätter für mehrere Monate angezeigt werden.
 24.04.2008 Korrektur des Quellcodes - Der Fehlerteufel hatte sich eingeschlichen
Eine Erweiterung des Monatskalenders 02-A der lediglich die Anzeige für den aktuellem Monat ermöglichte. Die Darstelleung mehrerer Kalender, für die sie den Anzeigemonat individuell festlegen können, ist mit dieser Version möglich.
Für jede Darstellung eines Kalenders innerhalb ihrer Seite wird die Funktion 'Kalender()' aufgerufen, wobei der Zeitversatz zum aktuellen Monat als Zahl übergeben wird. Dabei würde Null (0) den Kalender ohne Versatz anzeigen, minus Eins (-1) den Kaleneder des vergangenen Monats, eine Eins (1) den Kalender des nächsten Monats, eine Zwei (2) den Kalender für den übernächsten Monat, usw. .
Einsatzbereich: ± 12 Monate ausgehend vom aktuellen Monat
Rechts der Kalender für den vorherigen Monat
<script type="text/javascript" language="JavaScript">
<!-- Begin
Kalender(-1);
// End -->
</script>
|
|
Rechts der Kalender für den aktuellen Monat
<script type="text/javascript" language="JavaScript">
<!-- Begin
Kalender(0);
// End -->
</script>
|
|
Rechts der Kalender für den nächsten Monat
<script type="text/javascript" language="JavaScript">
<!-- Begin
Kalender(1);
// End -->
</script>
|
|
Rechts der Kalender für den übernächsten Monat
<script type="text/javascript" language="JavaScript">
<!-- Begin
Kalender(2);
// End -->
</script>
|
|
Die dargestellten Kalender eignen sich sehr gut als Zusatz für eine Seite mit einer Auflistung von Terminen und vemittelt eine rasche Übersicht.
Das ursprüngliche Script von Frank Hollwitz habe ich stark modifiziert: CSS-Formatierung, Funktionen, Funktionsaufruf, HTML-Attribute.
Formatierungen anpassen
Ich habe 3 Variablen eingesetzt, damit sie die Farben des Kalenders leichter anpassen können. Das reicht für den Normalfall. Natürlich ist es möglich weitere Anpassungen vorzunehmen, wenn sie die entsprechenden Werte in den anderen 3 Variablen des JavaScripts ändern.
Weitere Anweisungen zur Schriftformatierung können sie hier eintragen:
var ftitel = "<span style='font-size:10px;color:#000000;font-weight:bold;'>";
var fwtage = "<span style='font-size:11px;color:#5F5F5F;'>";
var ftag = "<span style='font-size:11px;color:#000000;'>";
Aufwand zum Einbau in ihre Seite
1) kopieren sie das Script in den Head-Bereich ihrer Seite (siehe Textdatei)
2) notieren sie für jeden Kalender den Aufruf im Body-Bereich ihrer Seite
 Kurzinfo JavaScript in ein HTML-Dokument 'einbauen'
Aufruf im Dokument
Der Aufruf der Funktion Kalender() zur Anzeige im Dokument erfolgt an der Stelle, wo der Kalender erscheinen soll mit der unten stehenden Notierung, wobei sie den Anzeigemonat durch die übergebene Ziffer selbst festlegen können.
<script type="text/javascript" language="JavaScript">
<!-- Begin
Kalender(0);
// End -->
</script>
|
HOME
Quellcode 
ZURÜCK 