 datumsabhängige Anzeige 02 - 7 Texte
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 Aktualität verleihen und den Webmaster entlasten.
|
|
Schulferien 02 / Event 02 mit 7 datumsabhängigen Texten auch für Einzeltage
Eine Live-Demo mit den Eckdaten 26.06.2008 und 10.08.2008. Der für heute generierte Text:
Anders als das Beispiel Event / Schulferien Text-01 ist dieses Script auch für einzelne Tage einsetzbar. Wenn Anfangs- und Enddatum gleich sind, unterscheidet das Script diese Situation und die Ausgabe der Texte wird entsprechend angepasst.
Ich könnte mir einen Einsatz auch für die Anzeige von Texten für eine 'Aktionswoche', ein mehrwöchiges Tennisturnier oder mit der neuen Unterscheidung von mehr- und eintägigen Zeiträumen auch für einen verkaufsoffenen Sonntag vorstellen.
3 Angaben
Mit lediglich 3 Eintragungen erzeugt dieses JavaScript eine Reihe 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.
Die 3 Variablen für die Einträge:
// englische Monatsbezeichnungen
var StartDatum = new Date("October 12, 2009");
var EndeDatum = new Date("October 24, 2009");
var Beschreibung = "Herbstferien";
Beispiel der Anzeigen:
Event über mehrere Tage: Mit den Eckdaten 12.10.2009 und 24.10.2009 und dem Begriff 'Herbstfereien' würde die am 16.10.2009 generierte Anzeige so aussehen:
|
Am 12. Oktober 2009 begannen die Herbstferien. Super! Noch 8 Tage unterrichtsfrei. Am 24. Oktober 2009 endet die schöne Zeit.
|
 |
Event über 1 Tag: Mit den Eckdaten 23.12.2009 und 23.12.2009 und dem Begriff 'unsere Adventsfeier' würde die am 16.10.2009 generierte Anzeige so aussehen:
|
Schon bald, am 23. Dezember 2009 ist unsere Adventsfeier. Nur noch 68 Tage warten.
|
 |
Mit den Eckdaten 12.10.2009 und 24.10.2009 und dem Begriff 'Herbstfereien' würden die Texte so lauten:
| Zeitraum |
Anzeige am |
Vom JavaScript erzeugte Anzeige |
| vorher |
01.10.2009 |
Schon bald, am 12. Oktober 2009 beginnen die Herbstferien. Nur noch 11 Tage warten. Super! Noch 23 Tage unterrichtsfrei. Am 24. Oktober 2009 endet die schöne Zeit. |
| 1 Tag vorher |
11.10.2009 |
Morgen, am 12. Oktober 2009 beginnen die Herbstferien. Nur noch einen Tag warten. Super! Noch 13 Tage unterrichtsfrei. Am 24. Oktober 2009 endet die schöne Zeit. |
| Starttag |
12.10.2009 |
Endlich, heute am 12. Oktober 2009 beginnen die Herbstferien. Super! Noch 12 Tage unterrichtsfrei. Am 24. Oktober 2009 endet die schöne Zeit. |
| während |
16.10.2009 |
Am 12. Oktober 2009 begannen die Herbstferien. Super! Noch 8 Tage unterrichtsfrei. Am 24. Oktober 2009 endet die schöne Zeit. |
| vorletzter |
23.10.2009 |
Am 12. Oktober 2009 begannen die Herbstferien. Super! Noch 1 Tag unterrichtsfrei. Am 24. Oktober 2009 endet die schöne Zeit. |
| Endtag |
24.10.2009 |
Am 12. Oktober 2009 begannen die Herbstferien. Heute, am 24. Oktober 2009 ist der letzte freie Tag. Morgen gehts wieder wie gewohnt weiter. Nicht vergessen: Schultasche packen! |
| nachher |
25.10.2009 |
Am 12. Oktober 2009 begannen die Herbstferien. Leider ist die schöne Zeit vorbei. Sie endete am 24. Oktober 2009. Der Alltag hat wieder begonnen. |
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
Beispiele
|
Super! Vor 8 Tagen 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.
|  |
|
Home • Datum • datumsabhängige Texte
Demo
