Monatskalender 03
    
WWW.WEB-TOOLBOX.NET
  Beispiel  Download ZURÜCK SITEMAP  

Monatskalender 03

Monatskalender ohne Schnörkel, der nach europäischem Standard mit dem Montag beginnt. Blätternfunktion für vorheriger / nächster Monat.


Der rechts dargestellte Kalender wird in einem Formular angezeigt das 2 Elemente hat. Die beiden Formularfelder stehen innerhalb einer Tabelle. Der Tabellenrand wurde mit CSS-Anweisungen formatiert.

Im Formularfeld der ersten Tabellenzelle (hier blau) wird die Monatsbezeichnung und das Jahr angezeigt. Im Formularfeld in der zweiten Tabellenzelle darunter, wird der eigentliche Kalender dargestellt. Die Navigation habe ich CSS-formatiert.

Das JavaScript errechnet einen einzigen Textstring mit Zeilenumbrüchen der in dem eben erwähnten Textfeld angezeigt wird. Durch die Formatierung in einer Monospace-Scrifttype, erreicht man die vertikale Ausrichtung durch scheinbare (7) Spalten.
     Monatskalender 03



<< heute >>



   Bemerkungen

Durch die Aufteilung in 2 Formularfelder ist es mir möglich den Kopf des Kalenders (Monat + Jahr) fablich abzusetzen.

Mit Anklicken der 'zurück-' und 'vor-Links' wird eine Neuberechnung mit den Datumsvorgaben für den gewünschten Monat eingeleitet. Zwei Textstrings werden errechnet:

  • für den Kopf des Monatskalenders (blau)
  • für den eigentlichen Kalender
Die neu errechten Textstrings ersetzen die alte Darstellungen in den Formularfeldern.




   Aufwand

  • CSS-Anweisungen im Head notieren
  • JavaScript im Head Notieren
  • Tabelle mit Formular im Body notieren


Kurzinfo JavaScript in ein HTML-Dokument 'einbauen'

NACH OBEN