Kalender mit Potoimpact und Javascript Hilfe

[Helmut]

Hallo zusammen,

hier mal ein kleiner Workshop zum Thema Kalender mit PI.

Grundlage ist diese Zip Datei

Entpacken, und die Datei calender.html aufrufen. Aktuell erscheint Januar 2004. Um nun den Kalender zu veredeln mit Bildern und Tageszahlen liegt dem ganzen ein Set Beispielgrafken bei.

Die Tageszahlen von 1 - 31 und die Monatsgrafiken von Januar bis Dezember.

Nun kann man mit PI drangehen und beliebige Grafiken für die Tageszahlen zu erstellen, abspeichern unter 1-31.gif (die transparent.gif nicht ändern, das ist ein Platzhalter für die "freien" Tage.

Die Monatsgrafiken estellen, dies können beliebige Bilder sein, abspeichern unter den Dateinamen Januar - Dezember.

Nun erscheinen in dem Kalender die erstellten Grafiken. Die Farben des Beispielkalenders kann man mittels CSS anpassen.

Dies könnte so aussehen:


Davon einen Screenshot machen und in PI einfügen, dort kann man nun den Monatskalender in einer Datei weiterverarbeiten.

==========================================
Handling des Kalenders:

Um die Monate des Jahres alle darzustellen müssen diese beiden Zeilen angepasst wrden in der calender.html:

var curmonth0=todaydate.getMonth()-9 //akt. Monat (1-12)
var curyear0=todaydate.getFullYear() +1 //akt. Jahr

-9 = Januar 2004
(da aktueller Monat 11 und die Zählung von 0 beginnt +1)

+1 = Jahr + 1 also 2004

Ausgehend vom November sind also weitere Monate abrufbar mit:

-8 = Februar
-7 = März
-6 = April

...
+0 = Oktober
+1 = November

Dies sollte die Grundlage sein das man leicht seine Kalenderblätter erstellen kann.

Cu Helmut