Popup Calendar

Popup-Kalender

In contrast to many others found in the net this Javascript-based popup calendar does not make use of innerHTML which has been deprecated by the W3C; it only uses standardized DOM methods, thus avoiding problems arising from different HTML versions (e. g. HTML 4 vs. XHTML 1.0).

Dieser Javascript-Popup-Kalender verwendet im Gegensatz zu vielen anderen im Netz verfügbaren nicht das vom W3C mißbilligte innerHTML, sondern lediglich standardkonforme DOM-Methoden. Somit vermeidet er die Schwierigkeiten, die durch unterschiedliche HTML-Versionen (z. B. HTML 4 vs. XHTML 1.0) entstehen können.

It can be applied quite easily; the source code of this file should provide enough hints for its implementation. The calendar can be dragged at its title field and calls a pre-defined function when a date is selected. Initially it pops up at the position of its dedicated parental element with a z-index incremented by one; thus it's been designed as a "hovering" element. Beyond the title buttons allow navigation to the next or previous year or month, resp. Its appearance is controlled by a single CSS file.

Die Verwendung ist möglichst einfach gehalten; der Quellcode dieser Datei sollte genügend Hinweise für den Einbau liefern. Der Kalender läßt sich an der Titelleiste verschieben und führt bei der Auswahl eines Datums die angegebene Funktion aus. Er öffnet sich zunächst an der Position des angegebenen Elternelements mit einem um eins erhöhten z-Index, d.h. er ist als "schwebendes" Element konzipiert. In der Titelleiste ist der Sprung um jeweils einen Monat oder ein Jahr nach vorne oder nach hinten möglich. Sein Aussehen wird durch eine einzige CSS-Datei gesteuert.

This popup calendar has been tested succesfully within an XHTML 1.0 document (MIME type application/xhtml+xml) and an HTML 4.01 document (MIME type text/html) on Firefox 2.0.0.1 and Opera 9.10. It is licensed by the GNU GPL.

Dieser Popup-Kalender ist erfolgreich in einem XHTML-1.0-Dokument (MIME-Typ application/xhtml+xml) und diesem HTML-4.01-Dokument (MIME-Typ text/html) mit Firefox (2.0.0.1, 2.0.0.3) und Opera (9.10, 9.20) getestet worden. Er ist unter der GNU GPL lizensiert.

Release history: Revisionsgeschichte:
0.1 2006-12-26 First release Erste freigegebene Version
0.3 2006-12-27 Minor cleanup Bereinigung von Kleinigkeiten
0.3 2007-05-12 Cancel button, highlighting of the reference date Abbruch-Button, Hervorhebung des Referenzdatums
Project-related files: Zugehörige Dateien:
PopupCalendar.css Stylesheet Stylesheet
PopupCalendar.js main source code Haupt-Quelltext
PopupCalendar-localize.js.en source code for English localizations Quelltext für englische Lokalisierungen
PopupCalendar-localize.js.de source code for German localizations [optional] Quelltext für deutsche Lokalisierungen [optional]
PopupCalendar.xhtml documentation and examplary code as XHTML 1.0 [optional] Dokumentation und Beispielcode als XHTML 1.0 [optional]
PopupCalendar.html documentation and examplary code as HTML 4.01 [optional] Dokumentation und Beispielcode als HTML 4.01 [optional]

Example

Beispiel

Here the calendar will pop up. It allows to select the date from the last modification through today.

Hier öffnet sich der Kalender. Er erlaubt die Datumsauswahl zwischen der letzten Aktualisierung und heute.

This text will be replaced by the date.Dieser Text wird durch das Datum ersetzt.


Last modified: Letzte Aktualisierung: 2007-05-12 12:59:35 (CEST), T. Langen Valid CSS! Valid HTML 4.01 Strict