 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.
Das originale Script stammt von Frank Hollwitz.
|
|
Kalenderblatt für einen definierten Monat
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
<script type="text/javascript" language="JavaScript">
<!-- Begin
// Kalender für den vorherigen Monat
Kalender(-1);
// End -->
</script>
|
|
<script type="text/javascript" language="JavaScript">
<!-- Begin
// Kalender für den aktuellen Monat
Kalender(0);
// End -->
</script>
|
|
<script type="text/javascript" language="JavaScript">
<!-- Begin
// Kalender für den nächsten Monat
Kalender(1);
// End -->
</script>
|
|
<script type="text/javascript" language="JavaScript">
<!-- Begin
// Kalender für den übernächsten Monat
Kalender(2);
// End -->
</script>
|
|
Die dargestellten Kalender eignen sich sehr gut als Zusatz für eine Seite mit einer Auflistung von Terminen und vemitteln eine rasche Übersicht.
Das ursprüngliche Script von Frank Hollwitz habe ich 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>
Demo: Darstellung mehrer Kalender innerhalb ihrer Seite
|
Home • Datum • Monatskalender 02 B
Quellcode
