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 this 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 diesem XHTML-1.0-Dokument (MIME-Typ application/xhtml+xml) und einem 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.
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 |
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] |
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.