 Schulferien-Text01 - Event-Text01
Das Script habe ich für eine Schulhomepage geschrieben. Es soll die Ferien ankündigen (Countdown) und für unterschiedliche Datumsbereiche entsprechende Texte darstellen. Das Script soll der Webseite einen 'Hauch' von Aktuallität verleihen und den Webmaster entlasten.
 04.04.2008, Counter für die Tage seit Ende in die Textnachricht eingebunden.
Ich könnte mir einen Einsatz auch für die Anzeige von 7 Texten für eine 'Aktionswoche', ein mehrwöchiges 'Tennisturnier', die Olympiade oder für die 'Tour de France' vorstellen.
3 Angaben
Mit lediglich 3 Eintragungen erzeugt dieses JavaScript eine Reihe (7) unterschiedlicher Textanzeigen die von 2 Eckdaten abhängig sind. Ein Schlüsselwort stellt den Bezug zum Termin her. Ein Up- Downcounter stellt einen Bezug zum Start- oder Enddatum her. Mit den Eckdaten 17. und 30. März würde die am 25.03.2008 generierte Anzeige so aussehen:
|
Super! Seit 8 Tagen sind Osterferien. Die schöne Zeit endet am 30. März 2008. Wir wünschen euch tolles Ferienwetter.
|
 |
|
Super! Vor 8 begann die Europameisterschaft. Die schöne Fußballzeit endet leider am 30. März 2008 schon wieder. Mal sehen, möglicherweise sind wir im Endspiel.
|
 |
|
Rot-Weiß Geilenkirchen: Seit 8 Tagen läuft nun das Tennisturnier. Der Sieger steht am 30. März 2008 fest. Wier freuen uns über interessierte Zuschauer. Täglich ab 17 Uhr in der Tennishalle Feldstraße. Kaffee und Kuchen im Clubheim.
|  |
Die 3 Variablen für die Einträge:
var StartDatum = new Date("March 17, 2008");
var EndeDatum = new Date("March 30, 2008");
var Beschreibung = "Osterferien";
Mit den beiden Eckdaten 17.03.2008 und 30.03.2008 würden die Texte so lauten:
| Zeitraum |
Beispieldatum |
Vom JavaScript erzeugte Anzeige |
| vorher |
14.03.2008 |
Schon bald, am 17. März 2008 stehen die nächsten Ferien an. Haltet durch, es dauert nicht mehr lange. Noch 3 Tage bis zum Beginn der Osterferien. |
| 2 Tage vorher |
15.03.2008 |
Schon bald, am 17. März 2008 stehen die nächsten Ferien an. Haltet durch, es dauert nicht mehr lange. Übermorgen beginnen die Osterferien. |
| 1 Tag vorher |
16.03.2008 |
Schon bald, am 17. März 2008 stehen die nächsten Ferien an. Haltet durch, es dauert nicht mehr lange. Morgen beginnen die Osterferien. |
| Starttag |
17.03.2008 |
Endlich, auf diesen Tag (17. März 2008) habt ihr lange gewartet. Heute begannen die Osterferien. Die schöne Zeit endet am 30. März 2008. Bis dahin schöne Ferien. |
| während |
20.03.2008 |
Super! Seit 4 Tagen sind Osterferien. Die schöne Zeit endet am 30. März 2008. Wir wünschen euch tolles Ferienwetter. |
| Endtag |
30.03.2008 |
Heute ist der letzte Tag der Osterferien. Die schöne Zeit endet schon morgen, am 30. März 2008. Nicht vergessen: Schultasche packen! |
| nachher |
14.04.2008 |
Leider sind die Osterferien vorbei. Die schöne Zeit endete am 30. März 2008 und der Unterricht hat vor 14 Tagen schon wieder begonnen. |
Der für heute generierte Text:
|
|
 |
Aufwand zum Einbau in ihre Seite
1) kopieren sie das Script in den Head-Bereich ihrer Seite (siehe Textdatei)
2) andern sie die Eintragungen der beiden Eckdaten
3) Notieren sie den Funktionsaufruf im Body-Bereich ihrer Seite
4) testen sie die Anzeige mit unterschiedlichem Datum
Info einblenden 
 Kurzinfo JavaScript in ein HTML-Dokument 'einbauen'
Tipps zur Anpassung
Beim Eintrag der beiden Eckdaten achten sie bitte auf die Schreibweise. Die Reihenfolge ist:
1) Monatsbezeichnung - 2) Tag - 3) Komma - 4) vierstellige Jahreszahl.
var xxxx = new Date("February 5, 2008");
Englische Schreibweise des Monatsnamens beachten (im Quelltext notiert):
January, February, March, April, May, June, July, August, September, October, November, December
|
HOME
BEISPIEL
ZURÜCK 
