Adventskalender
    
HOME
ZURÜCK SITEMAP  

 Adventskalender 03

Der Kalender mit 24 Klickbereichen, die bei MouseOver die Fensterchennummer (Tag) anzeigen. Anklicken öffnet die jeweilige Tagesdatei. Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.

Traditioneller Kalender mit 24 Fensterchen

Der Adventskalender 03 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt in traditioneller Form eine Häuserfront.

Die 24 Fenster der dargestellten Häuser sind Klickbereiche, die bei MouseOver die Fensternummer (Tag) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.

Unterschieden wird die Zeit vor Dezember, die Zeit vom 1. - 24 Dezember und nach dem 24. Dezember.		    


Bei den Demo-Versionen ist die Datumsprüfung inaktiv!
Adventskalender 03 Demo Vorschau Download
V01 (Tagesdatei im Pop-Up-Window) Demo Vorschau  Download V01
V02 (Tagesdatei gleiches Fenster) Demo   Vorschau    Download V02
Tagesdateien (Anregung)Tagesdatei 19Tagesdatei 20 



Der Kalender hat 24 Klickbereiche als Imagemap, die bei MouseOver die Fensterchennummer (Tag) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.
Verweissensitive Grafik (engl. image map).

Verweissensitive Grafiken bieten eine Möglichkeit, Hyperlinks innerhalb einer Grafik zu plazieren. Sie werden als rechteckige, runde oder freie Schaltflächen realisiert, die sich wie Verweise verhalten. Der sich verändernde Cursor der Maus deutet auf die nicht sichtbaren Schaltflächen hin.

Auf Web-Seiten häufig anzutreffende Beispiele sind Landkarten, in denen bestimmte Regionen zu den entsprechenden Seiten führen. Daneben findet man sie auch in „interaktiven“ Adventskalendern.

Ein solche Imagemap besteht aus einem eigentlichen Bild, das ganz normal mit einem <img>-Tag definiert wird, gleichzeitig wird bei diesem ein Attribut usemap angegeben, was auf die Imagemap verweist.

Erklärungen zur ImageMap




  2 Schritte zum Einbau

1)  Zip-Datei herunterladen und in einem neuen Ordner auspacken.
2)  meine 24 Tagesdateien anpassen.


  Nutzungsbedingungen

Ich stelle keine Bedingungen. Der Kalender ist frei für private und nicht private Seiten, darf also für die Verwendung auf Webseiten und CDs kostenlos heruntergeladen werden. Es wäre schön, wenn mein Link erhalten bleibt (muss aber nicht). Lediglich der Copyright-Vermerk im Schneefallscript muss erhalten bleiben.


  Erklärung und Funktion

In einer Tabelle steht eine Grafik. 24 Bereiche dieser Grafik (Fenster/Türen) sind als verweissensitive Bereiche deklariert.

Diese Imagemap-Bereiche lassen sich nur an dem dazugehörigen Tag im Dezember mit Erfolg anklicken. Ausnahme: Dateien der vorhergehenden Tage können ebenfalls geöffnet werden. Dann wird die entsprechende Tagesdatei angezeigt. Ungültige Versuche wie Klicken im November oder für in der Zukunft liegenden Adventstage öffnen eine Datei mit entsprechender Meldung. Vor Erreichen des entsprechenden Datums im Advent, lässt sich normalerweise (bei richtig eingestelltem Systemdatum) eine Tagesdatei nicht öffnen.



Die Häusergrafik (© Jansen) darf ausschließlich für meinen Kalender eingesetzt werden!
Tanne und Schneemänner stammen von www.kneller-gifs.de/

  • Der Adventskalender steht innerhalb einer Tabelle in der Seitenmitte
  • Die Grafik oben ist Inhalt einer Tabelle
  • Fenster und Türen sind Klickbereiche einer Image-Map
  • Bei MouseOver erscheint dort eine Nummer von 1 bis 24
  • Bei Klick wird eine Tagesdatei geöffnet (1.htm - 24.htm)
  • Bei Klick von Jan. - Nov. wird die Datei 00.htm gezeigt.
  • Angezeigt werden nur Tagesdateien des aktuellen und früheren Datums
  • Klicken z.B. am 5. Dez. auf das Kästchen für den 12. Dez. wird 0.htm gezeigt.
  • Schneefallscript eingebaut  © Altan - Copyright-Info    Webseite
  • aktuelles Datum wird angezeigt
  • Counter: Tage bis Weihnachten werden angezeigt
  • Nach dem 1. Dezember Aufforderung zum Klicken

Im Download (ZIP-Datei) sind enthalten:

  • Adventskalender als HTML-Datei (je nach Version)
  • 24 Musterseiten für die Tage 1-24 als HTML-Datei
  • 1 Musterseite Meldung 'zu früh' als HTML-Datei
  • 1 Musterseite Meldung 'gemogelt' als HTML-Datei
  • Kalendergrafik
  • kalender01.htm
  • 1.htm - 24.htm
  • 00.htm
  • 0.htm
  • haueserfront.gif
Die Downloads wurden auf Virenfreiheit überprüft mit PandaPlatium 2007.


   Kalender testen

Nach dem Entpacken der ZIP-Datei in einem neuen Ordner, lassen sich die Funktionen des Adventskalenders nätürlich nicht alle testen. Schließlich wird durch eine datumsprüfung verhindert, das man die Fensterchen zu früh öffnet. Zum Testen müssten sie das Systemdatum ihres Rechners vordatieren.

Info Systemdatum ver- / einstellen



Weitere Anpassungen


Möchten sie ...
  • PopUp-Box (Tageszahl) gestalten
  • eigene Tagedateien erstellen
  • meine Musterdateien modifizieren
  • den Schneefall modifizieren
  • eine Musikdatei einbinden
  • eigene Pfadangaben eintragen
... darf ich sie auf die Anleitungen zur Modifikation hinweisen. Sie finden die Anleitungen im Menü links.


Besuchen sie vor Weihnachten doch einmal den Adventskalender der WEB-Toolbox oder der Katholischen Grundschule Würm.

Adventskalender der Web-Toolbox





 

Info zum Schneefall-Script

Das JavaScript für die langsam einschwebenden Schneeflocken habe ich nicht selbst geschrieben, darf aber frei verwendet werden, wenn die Copyright-Informationen unverändert bleiben!

Copyright-Informationen zum Schneefallscript von Altan

Auf der Webseite des Autors wird ausdrücklich auf die freie Verwendung und freie Weiterverbreitung des Schneefallscripts hingewiesen:

Zitat:

"This JavaScript code can be freely redistributed as long as this copyright notice is keept unchanged. This code is used on AS-IS basis and you use it on your own risk. Author of this code is not responsible for any damage that this code may make."

Das bedeutet:

Dieses JavaScript darf gratis weiter gegeben werden, solange der Copyright-Kommentar nicht verändert wird. Im Quelltext des Adventskalenders sollte also innerhalb des Schneefallscripts dieser Kommentar erhalten bleiben: 

 // JS Snow v0.2
 // finished on 11-10-1999 23:04 in Zagreb, Croatia.
 // modified on 06-12-2005 11:20 in Zagreb, Croatia.
 //
 // Copyright 1999,2005 Altan d.o.o.
 // http://www.altan.hr/snow/index.html
 // E-mail: snow@altan.hr


(Das Schneefallscript steht unmittelbar vor dem Ende-Body-Tag der HTML-Seite)


   Mogeln


Hinweis: Mogeln ist auch für Besucher möglich!

Was sie zu Testzwecken können, kann auch ihr Seitenbesucher auch. Einfache aber arbeitsaufwändige Abhilfe: Täglich und kurzfristig die entsprechende Tagesdatei hoch laden.

Die im Adventskalender verwendete Datumsinformation ist immer das Datum, das am lokalen Rechner eingestellt ist. Bei einem korrekt eingestellten Datum am Computer des Seitenbesuchers (Windows: Uhrzeitanzeige in der Statuszeile rechts unten) wird auch das richtige Datum verwendet.

Aber ja, sie haben Recht wenn sie behaupten, dass man durch Verstellen des Systemdatums (z.B. auf den 24. Dezember) in der Lage ist, schon vorher alle Fenster zu öffnen.

Wenn sie versierter Webmaster sind und sich mit PHP auskennen:

Abhilfe schafft ein kleiner Trick:

Sie lesen das Datum vom Server aus (das stimmt ja immer) und übergeben das Serverdatum an das Adventskalenderscript. Dann ist Mogeln nicht mehr möglich.

Dazu benötigen sie allerdings Kenntnisse in PHP und die Adventskalenderdatei darf nicht als HTML-Datei, sondern als PHP-Datei gespeichert werden. Voraussetzung für diese Option ist natürlich, dass ihr Provider ihnen erlaubt PHP-Scripte auf dem Server auszuführen.






NACH OBEN