 Jahresterminliste 02 - Termine ankündigen
Das Script zeigt jährliche Termine und die bis dahin vebleibende (oder verstrichene) Zeit in Tagen plus Datum mit Tag und Monat an. In Kürze anstehende, verstrichene und in der Zukunft liegende Termine werden mit einer farbigen Grafik unterschieden. Ältere Termine können optional ausgeblendet werden.
 18.03.2008, Fehlerkorrektur: Anzeige des aktuellen Tages, zusätzliche Grafiken
05.02.2008, Dreistellige Darstellung der Tageszahl 'noch XXX Tage'
Termine werden nur für das aktuelle Jahr angezeigt! Wird sie für wiederkehrende Termine eingesetzt, behält die Liste aber auch in kommenden Jahren ihre Gültigkeit!
Ausgabe als Textstring: Datumsinfo + 1 Beschreibung mit zwei Optionen:
- alte Termine werden automatisch nicht mehr angezeigt
- alte Termine werden automatisch als solche markiert
Einsatzbereiche
Nichts stört auf einer Webseite mehr, als eine Terminliste, die den Anschein erweckt sie sei veraltet. Mit diesem Script kann man ein wenig mogeln und muss nicht täglich an den Rechner um alte Termine aus der Liste zu löschen. Diese Arbeit wird ihnen abgenommen.
Anwendung als:
| Liste Schultermine |
Sprechtage, Schulfrei, Zeugnisausgabe, Einschulungsfeier, ...
|
| Liste Vereinstermine |
Vorstandssitzungen, Jugendausflug, Jahresabschluss, ...
|
| pers. Terminliste |
Geburtstage, Müllabfuhr, Zahnarzt, TüV, Steuer, ...
|
Aufgabe des Scripts
Jahrestermine, in xxx Tagen am xx.xx. Vorstandssitzung
Das Script soll anstehende Termine und neben dem Datum die verbleibende Zeit in Tagen auf der Webseite (oder auf ihrer Browserstartseite) anzeigen. Dabei soll die Seite für einen längeren Zeitraum wartungsfrei bleiben und bereits verflossene Termine automatisiert nicht mehr / oder farblich markiert anzeigt werden. Höchstens einmal jährlich sollte der Webmaster die neuen Eckdaten eintragen müssen.
 alte Termine sollen markiert (oder ausgeblendet) werden
 aktuelle Termine sollen hervorgehoben werden
 in Kürze anstehende Termine sollen hervorgehoben werden
 in Zukunft anstehende Termine sollen markiert werden
Images zum Download: (im gleichen Odner ablegen)
          
Die Ausgabe in dieser Version 02: Monospace im Rahmen
In dieser Version habe ich die Ausgabe als je einen Textstring pro Zeile organisiert. Eine Version mit der Ausgabe in einer Tabelle steht aber auch zur Verfügung. Siehe Menü 'Datum'
Die Terminliste behält auch in zukünftigen Jahren seine Gültigkeit, da der Eintrag für die Jahreszahl im Script durch die aktuelle Jahreszahl ersetzt wird. Jährlich wiederkehrenede feste Termine können somit in der Liste verbleiben. Lediglich Einzeltermine müssen gelöscht / hinzugefügt werden. Das sollte die Arbeit des Webmasters erleichtern.
Als Beispiel einer Anwendung habe ich hier eine pers. Terminliste genommen.
Die Option 'alte Termine ausblenden' wurde hier nicht gewählt.
Ich habe die Ausgabe der Liste CSS-formatiert und in einer Monospace-Schrift festgelegt. So kommen die im JavaScript angewiesenen 'Füller' für ein- und zweistellige Tageszahlen und der Unterschied zwischen 'Tag' und Tage' zur Geltung (das können sie natürlich ändern):
vor 001 Tag am 01.01 : Termin 1
Heute am 01.01 : Termin 2
in 011 Tagen am 10.02 : Termin 3
in 116 Tagen am 25.05 : Termin 4
in 232 Tagen am 01.06 : Termin 5
schööööön ordentlich, wie Jupp Zupp es mag!
Die Liste als Array
In einem (Array  ) werden für jeden Termin 2 Einträge abgelegt. Der Erste Eintrag ist jeweils das Datum in englischer Schreibweise, der zweite Eintrag die dazugehörige Beschreibung.
Der Eintrag der Jahreszahl ist Pflicht, wird aber im Script durch die aktuelle Jahreszahl ersetzt.
Termin = new Array()
Termin[Termin.length]="January 15, 2000"
Termin[Termin.length]="Grünschnittabfuhr Tannenbäume"
Termin[Termin.length]="January 15, 2000"
Termin[Termin.length]="Vorstandssitzung"
Termin[Termin.length]="January 15, 2000"
Termin[Termin.length]="Schulfest"
...
Englische Schreibweise des Monatsnamens beachten (Liste im Quelltext notiert):
January, February, March, April, May, June,
July, August, September, October, November, December
alte Termine ausblenden
Wenn sie statt der farblichen Markierung der abgelaufenen Termine die Termine lieber ausblenden möchten, legen sie das im Script fest. Dazu tragen sie als Wert für die Variable 'Antwort' eine 0 (Null) ein:
// Frage: Auch alte Termine listen?
// "1" listet alte Termine, "0" für Ausblenden
Antwort = "1";
Aufwand zum Einbau in ihre Seite
1) kopieren sie das Script in den Head-Bereich ihrer Seite (siehe Textdatei)
2) ändern sie die Eintragungen im Array für ihre Liste
3) notieren sie den Aufruf im Body-Bereich ihrer Seite
4) testen sie die Anzeige mit unterschiedlichem Datum
Info einblenden
 Kurzinfo JavaScript in ein HTML-Dokument 'einbauen'
Ort der Anzeige im Dokument
Der Aufruf der Funktion Terminliste02() zur Anzeige der Termine im Dokument erfolgt an der Stelle, wo die Liste erscheinen soll mit der Notierung
<script type="text/javascript" language="JavaScript">
<!-- Begin
Terminliste02();
// End -->
</script>
|
HOME
BEISPIEL 
ZURÜCK 
