 Grafik datumsabhängig anzeigen eine von 2 Grafiken
Dieses JavaScript vergleicht das Systemdatum und ihre Vorgabe. Bis zu einem bestimmten Datum soll Grafik 01 angezeigt werden. Danach soll automatisch Grafik 02 angezeigt werden.
|
|
Eine von 2 Grafiken datumsabhängig anzeigen
Die Funktion DatumImage() zeigt eines von 2 Images an, abhängig vom Stichtag des Datums. Ich wende diese Funktion z.B. in meiner Sitemap an, um neue Beiträge zu kennzeichnen.
Dieses Script ermittelt aus dem Systemdatum und dem vorgegebenn Stichtag die Differenz. Das Resultat wird eine positive Zahl, eine negative Zahl oder Null sein. Abhängig davon, wird entweder Grafik A oder Grafik B angezeigt.
Zusätzlich kann in der Variablen 'Zeitraum' noch ein Wert festgelegt werden (Anzahl von Tagen) der als Karenzwert eingeräumt wird.
 Grafik 2 nach Stichtag - diese Info ist bereits älter
Grafik 2 nach Stichtag - diese Info ist bereits älter
 Grafik 1 vor Stichtag - diese Info ist brandneu
Grafik 1 vor Stichtag - diese Info ist brandneu
Im JavaScript:
Die Datenquelle für die beiden Grafiken werden den Variablen zugeordnet mit:
var image01 = "listenpunkt11.gif"
var image02 = "listenpunkt01.gif"
Aufruf der Funktion:
Syntax: Numerische Einträge durch Komma trennen: DatumImage(Tag,Monat,Jahr)
<script type="text/javascript" language="JavaScript">
<!-- Begin
DatumImage(10,5,2007);
// End -->
</script>
Beispiel
Beim Aufruf mit: DatumImage(10,5,2007);
wird bis zum 10.5.2007 die Grafik 'image01' angezeigt und ab dem 11.5.2007 die Grafik 'image02' angezeigt. Das könnte dann so aussehen:
|
 Grafik 1 - bis Stichtag
Vorteilhaft wenngleich gewöhnen ist, wie glauben dass wie wenn glauben vorhandene wiewohl gratulieren Stromleitungen wobei gratulieren genutzt wohingegen grenzen werden zumal haben können, halten also aber heiraten keine allein helfen neuen als helfen Kabel anstatt interessieren verlegt ausser kümmern werden
| |  Grafik 2 - nach Stichtag
Denn nachschlagen Nachteil doch nachsehen können entweder-oder nähern die jedoch raten Geschwindigkeit nicht nur-sondern auch reden (übertragene oder rufen Bit sondern schaden pro sowie schmecken Sekunde) sowohl-als auch schreiben und statt schützen die und sprechen Abstrahlung weder-noch studieren
|
Grafik über bestimmten Zeitraum anzeigen
Verlängerte Anzeige: Nehmen wir an, sie möchten diese Funktion einsetzen, um einen neuen Beitrag nicht nur für einen Tag, sondern über einen bestimmten Zeitraum zu kennzeichnen.
Dann soll zum Artikel für eine Weile eine kleine Grafik angezeigt werden, die das signalisiert:
   Quelle: www.kneller-gifs.de/
Danach soll eine neutrale Grafik angezeigt werden.
Das erspart dem Webmaster die dauernde / termingerechte Überarbeitung der Artikel.
1) neue Artikel werden wie gewünscht über einen festen Zeitraum gekennzeichnet.
2) Uralt-Artikel erscheinen nicht nach 4 Wochen immer noch mit einem blinkenden 'new'.
Nichts wäre schlimmer als das, vermittelt es dem Seitenbesucher doch den Eindruck, das sich niemand kümmert und die Webseite nicht regelmäßig aktualisiert wird.
Option erweiterter Zeitraum
Wenn sie bei einer Mehrfachverwendung des Scripts innerhalb ihrer Seiten diesen Zeitraum der Anzeige für alle gleich festlegen möchten, nutzen sie doch die Erweiterung in meinem Script. Ich habe eine Variable für diese Option eingerichtet: 'Zeitraum'. Der dort eingetragene Wert wird zum Stichtag des Datums hinzugerechnet. |
 |
Beim Aufruf mit: DatumImage(10,5,2007);
und dem Wert '10' für den Zeitraum
var Zeitraum = 10;
wird bis zum 20.5.2007 die Grafik angezeigt, die bei 'image01' eingetragen ist
wird ab 21.5.2007 die Grafik angezeigt, welche bei 'image02' eingetragen ist
Möchten sie diese Erweiterung nicht nutzen, tragen sie für 'Zeitraum' eine '0' ein.
aktives Beispiel
Aktives Beispiel zur Darstellung eines farbigen Markers (ebenfalls mit dem Wert '10' in der Variablen 'Zeitraum'):
Anmeldetermine für Vergleichkämfe (anstehende sind rot gekennzeichnet):
Im JavaScript eingetragene Werte für Variablen:
var Zeitraum = 10; // in Tagen
var image01 = "listenpunkt11.gif" // blauer Punkt
var image02 = "listenpunkt01.gif" // roter Punkt
Einsatzbereiche
Die Verwendung ist natürlich nicht auf die Darstellung innerhalb einer Sitemap oder zur Kennzeichnung eines neuen Artikels beschränkt.
Mitarbeiter sind zum Team-Training: DatumImage(17,3,2007) Zeitraum: 100
 
Kaninchenzuchtverein - Ostern: DatumImage(20,4,2007) Zeitraum: 5
 
Renovierung - Geschäftsübernahme: DatumImage(1,2,2007) Zeitraum: 60
 
|
Home • Datum • EM-2008 Counter 01
Quellcode