last Update 01
    
 Home • Datum • letztes Update 01 Quellcode 

 Counter statisch 01   Text + Wochentag Tag Monat + Zusatzinfo

In ihre Seite eingebunden zeigt dieses Modul automatisiert den Zeitpunkt / das Datum der letzten Aktualisierung an. Die Informationen werden aus den Attributen der HTML-Datei ausgelesen. Zusätzlich wird ein führender Text eingebunden!

Last Update 01 - Datum der letzten Überarbeitung anzeigen

UPDATE  13.03.2012  Anzeige von Uhrzeit und Abstand in Tagen
Bei wirklich wichtigen Updates mag auch die Uhrzeit des Updates eine Rolle spielen. Daher habe ich das Script nun erweitert und lasse beim Aufruf des Dokuments am aktuellen Tag die Uhrzeit anzeigen. Für die Folgetage berechnet einn Counter die Anzeige der verstrichen Tage.

Demo:

Uhrzeitanzeige nur am aktuellen Tag

Die Uhrzeitanzeige erfolgt nur am aktuellen Tag des Updates, ansonsten wird stattdessen die Tageszahl angezeigt. Beispiele der Darstellung:

a) Diese Seite wurde zuletzt am Donnerstag 17. April um 11:49 Uhr überarbeitet.
b) Diese Seite wurde zuletzt am Donnerstag 17. April, vor 93 Tagen, überarbeitet.

a) Text + Wochentag, Datum + Uhrzeit
b) Text + Wochentag, Datum + Zeitspanne in Tagen

innerhalb 24 Stunden: update: Freitag 5. Mai um 12:39 Uhr
am nächsten Tag: update: Freitag 5. Mai, vor 1 Tag
an den folgenden Tagen: update: Freitag 5. Mai, vor xxx Tagen


Anzeigeeigenschaften:

am Tag des Updates an Folgetagen

  • Wochentag
  • Kalendertag
  • Monat
  • keine Jahresangaben
  • Uhrzeit

  • Wochentag
  • Kalendertag
  • Monat
  • keine Jahresangaben
  • Zeitspanne in Tagen



   Funktion und Aufgabe des Scripts

Grundlage: Beim Speichern einer Datei wird das Erstellungsdatum vom Dateisystem ebenfalls gespeichert. Das Datum des letzten Abspeicherns entspricht somit dem letzten Update. Mit JavaScript kann diese Dateieigenschaft ausgelesen werden. Dazu nutzt man die JavaScript-Anweisung 'document.lastModified'.

Zur Anzeige der Informationen wertet mein Modul diese Datumsinfos aus. Das Script errechnet außerdem die Zeitspanne in Tagen. Eine Schreibanweisung erledigt die Anzeige im Dokument. Wird das Dokument am Tag der Erstellung aufgerufen (dann wäre die Zeitspanne = 0), wird statt der Zeitspanne in Tagen die Uhrzeit der Bearbeitung angezeigt.

Mein Script-Modul beinhaltet gleich zwei vorbereite Funktionen (Option 01 + 02). Eine mit einer Kurzschreibweise, die zweite mit einer längeren Schreibweise der Darstellung. Die Texte können Sie nach belieben ändern um das Modul zu einem anderen Zweck zu verwenden.

So sieht's aus UpdateOption01():



So sieht's aus UpdateOption02():




alternativer Einsatzbereich

Das Modul ist nicht nur zur Anzeige der letzten Bearbeitung einsetzbar. Duch minimale Änderungen kan man diesen statischen Counter für andere Einsätze modifizieren und die Darstellung könnte anders aussehen.


a) Unsere Filiale wurde am Donnerstag 17. April um 11:49 Uhr eröffnet.
b) Unsere Filiale wurde am Donnerstag 17. April, vor 93 Tagen, eröffnet.

a) Der TuS09 wurde am Donnerstag 17. April um 11:49 Uhr Kreismeister.
b) Der TuS09 wurde am Donnerstag 17. April, vor 93 Tagen, Kreismeister.

a) Links auf Aktualität geprüft am Donnerstag 17. April um 11:49 Uhr
b) Links auf Aktualität geprüft am Donnerstag 17. April, vor 93 Tagen

a) Dieser Bericht wurde verfasst am Donnerstag 17. April um 11:49 Uhr
b) Dieser Bericht wurde verfasst am Donnerstag 17. April, vor 93 Tagen




Aufwand für den Webmaster

  • Script im Head des HTML-Dokuments notieren
  • Funktionaufruf an betreffender Stelle im Body des HTML-Dokuments notieren
  • Counter-Modul testen




für Schnellstarter

Wenn Sie der Anleitung zum Einbau folgen ist alles Notendige getan. Lassen Sie sich von den langen Erklärungen hier nicht abschrecken und führen die oben aufgelisteten Schritte durch. Kopieren für einen ersten Versuch einfach den Code der Textdatei in ihre Seite. Wenn Sie möchten experimentieren Sie ein wenig mit den Textdarstellungen.

Falls Sie dann das Modul anpassen möchten, weitere Erklärungen benötigen oder mehr über die Funktionsweise erfahren wollen, lesen Sie den betreffenden Abschnitt unten.



Bitte entnehmen Sie den gesamten Quellcode für dieses Beispiel der Textdatei (Link oben im Kopfbereich). Dort können Sie ebenfalls eine Demo- bzw. eine Beispieldatei abrufen. Infos und Erklärungen zum 'Einbauen' von JavaScript finden Sie im JavaScript Menü 01 oder gezielt auf der Seite Kurzinfo JavaScript 'einbauen'



Testen

Zum Testen des Scripts: verstellen Sie das Systemdatum  Nachdem sie das Datum verstellt haben, laden sie die Seite neu, indem sie 'Aktuelle Seite neu laden' (Refresh) anklicken.




Aufruf im Body-Bereich Ihres HTML-Dokuments

Der Aufruf der Funktion 'UpdateOption01()' wird im Body-Bereich dort notiert, wo die Anzeige erfolgen soll.


1  als Infozeile

<script type="text/javascript" language="JavaScript">
<!--
UpdateOption01();
//-->
</script>
Das Ergebnis sollte in etwa so aussehen:




2  im Fließtext

Natürlich kann der Funktionsaufruf auch im Fließtext Ihrer Seite eingebunden werden.

Die Homepage ist die Einstiegsseite in das Internet. Eine Sitemap ist eine mit Links ausgestattete visuelle Inhaltübersicht einer Internet-Präsenz. Ein Stylesheet beschreibt die Richtlinien zur Erstellung eines Dokuments. Site ist ein Internet-Begriff, der für die Präsenz im WWW steht. Meine Webseite wird regelmäßig aktualisiert, letztes . Mit den Cascading Style Sheets (CSS) werden Web-Dokumente in Struktur und Aussehen getrennt. Eine Template ist eine Mustervorlage für ein Dokument, das die wesentlichen Layoutelemente enthält. Hypertext Markup Language (HTML) ist die Beschreibungssprache für Dokumente im World Wide Web.








Counter statisch 02 - LastUpdate 02, Update: 13.02.2012, vor XXX Tagen

Counter statisch 03 - LastUpdate 03, Update: 13.03.12 um 18:01 Uhr

Counter statisch 04 - LastUpdate 04, Update am Montag, 16.06.2008 um 21:27 Uhr + Tage








   Alternative Methode - Darstellung des Bearbeitungsdatums

Hier noch eine alternative Methode ohne zusätzliche Script-Anweisungen.
<script type="text/javascript" language="JavaScript">
<!--
document.write("update: " + document.lastModified);
//-->
</script>

Ergebnis:



Sie stellen fest, das ohne die selektive Auswahl von Elementen aus der Datumsinformation und dem gezielten 'Zusammensetzen' dieser Fragmente das Datum in englischer Schreibweise angezeigt wird.





   Schreibweise des Datums

a)  lokal gültiges Datumsformat mit toLocaleDateString()

Anzeige von Datumswerten in der lokal gültigen Schreibweise

Sie können eine Anzeige im lokalen Datumsformat des Seitenbesuchers erzwingen, wenn Sie die Methode "toLocaleDateString()" einsetzen.

Die toLocaleDateString() Methode gibt den Datumsteil eines Date-Objekts als Textstring zurück und benutzt dabei die lokal gültigen Konventionen. Die toLocaleDateString() wird von allen gängigen Browsern ünterstützt.

Zum Beispel erscheint in der Datumsanzeige in den USA der Monat vor dem Monatstag (04/27/10), während in Deutschland der Monatstag vor dem Monat angezeigt wird (27.04.10). Wenn das Betriebssystem nicht Jahr-2000 kompatibel ist und das anzuzeigende Datum in den Zeitraum vor 1900 oder nach 2000 fällt, dann gibt toLocaleDateString einen nicht Jahr-2000 kompatiblen Wert zurück. Das angezeigte Datum wird in solchen Fällen nicht korrekt angezeigt.

Datumsanzeigen die Methoden wie 'getDate', 'getMonth', und 'getFullYear' nutzen, erzeugen zuverlässigere Werte als toLocaleDateString. Sie können die Methohe toLocaleDateString dann einsetzen, wenn es Ihre Absicht ist die Anzeige automatisiert an lokale Gegebenheiten anzupassen. Die sind allerdings auch von den Einstellungen des Betriebssystems abhängig.

<script type="text/javascript" language="JavaScript">
<!--
var UpdateDatum = new Date(document.lastModified);
document.write( "update: " + UpdateDatum.toLocaleDateString() );
//-->
</script>

Ergebnis auf Ihrem Rechner:







b)  lokal gültiges Datumsformat mit toLocaleString()

Anzeige von Datums- und Zeitwerten in der lokal gültigen Schreibweise

Sie können eine Anzeige im lokalen Datumsformat des Seitenbesuchers erzwingen, wenn Sie die Methode "toLocaleString()" einsetzen.

Die toLocaleString() Methode gibt den Datums- und Zeitteil eines Date-Objekts als Textstring zurück und benutzt dabei die lokal gültigen Konventionen. Die toLocaleString() wird von allen gängigen Browsern ünterstützt.

Zum Beispel erscheint in der Datumsanzeige in den USA der Monat vor dem Monatstag (04/27/10), während in Deutschland der Monatstag vor dem Monat angezeigt wird (27.04.10). Wenn das Betriebssystem nicht Jahr-2000 kompatibel ist und das anzuzeigende Datum in den Zeitraum vor 1900 oder nach 2000 fällt, dann gibt toLocaleDateString einen nicht Jahr-2000 kompatiblen Wert zurück. Das angezeigte Datum wird in solchen Fällen nicht korrekt angezeigt.

Datumsanzeigen die Methoden wie 'getDate', 'getMonth', und 'getFullYear' nutzen, erzeugen zuverlässigere Werte als toLocaleString. Sie können die Methohe toLocaleString dann einsetzen, wenn es Ihre Absicht ist die Anzeige automatisiert an lokale Gegebenheiten anzupassen. Die sind allerdings auch von den Einstellungen des Betriebssystems abhängig.

<script type="text/javascript" language="JavaScript">
<!--
var UpdateDatum = new Date(document.lastModified);
document.write( "update: " + UpdateDatum.toLocaleString() );
//-->
</script>

Ergebnis auf Ihrem Rechner:
16.10.2004   
NACH OBEN