 Jahresterminliste 01 - (Ferien-)Termine ankündigen
Das Script zeigt anstehende Termine und die bis dahin vebleibende Zeit (in Tagen) an. Lediglich aktuelle und in der Zukunft liegende Termine aus der Liste werden dargestellt. Ältere Termine werden ausgeblendet.
 05.02.2008, Fehlerkorrektur: dreistellige Darstellung 'noch XXX Tage'
Termine können auch über den Jahreswechsel hinaus unbegrenzt eingetragen werden.
Ausgabe als Textstring: Datumsinfo + 1 Beschreibung mit zwei Optionen:
Aufgabe des Scripts
noch xxx Tage bis zu den Sommerferien
Das Script soll anstehende Termine und die verbleibende Zeit in Tagen auf der Webseite anzeigen. Dabei soll die Webseite für einen längeren Zeitraum wartungsfrei bleiben und bereits verflossene Termine automatisiert nicht mehr anzeigt werden. Höchstens einmal jährlich sollte der Webmaster die neuen Eckdaten eintragen müssen. Als Beispiel für die praktische Anwendung habe ich die Ankündigung des ersten Ferientags (für eine Schulseite) genommen.
Grundlage für das Beispiel sind die Daten für NRW (hoffentlich stimmen die)
| Jahr |
Ostern |
Pfingsten |
Sommer |
Herbst |
Weihnachten |
| 2008 |
17.03.08 |
13.05.08 |
26.06.08 |
29.09.08 |
22.12.08 |
| 2009 |
06.04.09 |
02.06.09 |
02.07.09 |
12.10.09 |
24.12.09 |
| 2010 |
27.03.10 |
25.05.10 |
15.07.10 |
|
|
Schulferientermine finden sie unter: www.kalender-365.de
Die Ausgabe (im Rahmen)
"Das Schönste an der Schule sind die Ferien" behaupten viele Schüler. Na ja, die Pausen sind doch auch nicht schlecht, oder? Habt ihr schon mal ausgerechnet wie lange ihr bis zu den nächsten Ferien noch warten müsst? Diese Arbeit hat euch der Computer abgenommen. Es dauert nicht mehr lange:
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):
Noch 001 Tag bis zu den Ferien 2008
Noch 075 Tage bis zu den Ferien 2008
Noch 105 Tage bis zu den Ferien 2008
Noch 149 Tage bis zu den Ferien 2008
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 erste Termin wurde hier mit Absicht vorverlegt, damit die Funktion der Nichtanzeige demonstriert wird.
Termin = new Array()
Termin[Termin.length]="January 1, 2005"
Termin[Termin.length]="Neujahr 2005"
Termin[Termin.length]="March 17, 2008"
Termin[Termin.length]="Osterferien 2008"
Termin[Termin.length]="May 13, 2008"
Termin[Termin.length]="Pfingstferien 2008"
Termin[Termin.length]="June 26, 2008"
Termin[Termin.length]="Sommerferien 2008"
...
Englische Schreibweise des Monatsnamens beachten (im Quelltext notiert):
January, February, March, April, May, June, July, August, September, October, November, December
Aufwand zum Einbau in ihre Seite
1) kopieren sie das Script in den Head-Bereich ihrer Seite (siehe Textdatei)
2) andern 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 Ferientermine() 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
Ferientermine();
// End -->
</script>
|
HOME
BEISPIEL 
ZURÜCK 
