Adventskalender, Weihnachtsbaum, Script, Vorlage, JavaScript, Beispiel, download, free, kostenlos, Weihnachten, Advent, Weihnachtszeit, online, Onlinekalender, Weihnachtskalender, kostenloser, Kalender, Adventszeit, web-toolbox, Jansen
 Online-Adventskalender 05
    
 Home • Adventskalender • Kalender 05 • Startseite Demo

 Adventskalender 05  stilisierter Weihnachtsbaum

Weihnachtsbaum als Imagemap mit 24 Klickbereichen. Bei MouseOver wird eine PupUp-Infobox angezeigt und beim Anklicken wird die jeweilige Tagesdatei geöffnet. Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.
Beschreibung Online-Adventskalender 05  

UPDATE  04.10.2011 - Script + Kalender überarbeitet, Tagesdateien im Unterordner


   Adventskalender 05  (2 Grundversion - 6 Varianten)

Der Adventskalender 05 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen stilisierten Weihnachtsbaum mit 24 Ziffern.

Die 24 Ziffern sind Klickbereiche, die bei MouseOver einePopUp-Infobox anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.

Es werden mehrere, farblich unterschiedliche Grafiken bereitgestellt!		 Adventskalender

Abhängig von der Grundversion des Online-Adventskalenders wird oberhalb der Klickbereiche ein statischer Titeltext oder alternierender Text eingeblendet.

Sie haben die Möglichkeit die übliche PopUp-Information als Tageszahl anzupassen und z.B. Infos zur täglichen Adtvents-Aktion anzuzeigen (Grafiken sind möglich).

Die Tagesdateien stehen in einem Unterordner. Pfad- + Dateinamen können angepasst werden. 		Adventskalender



   Entscheiden Sie sich für eine Grundversion

Grundversion 01

 Grundversion 02

Adventskalender


1) Kal05-01  Als Titel / Überschrift wird als statischer Text angezeigt
2) Kal05-02  Als Titel / Überschrift wird wechselnder Text eingeblendet

Die farbige Fläche mit den 24 Ziffern ist eine Grafik, die in unterschiedlichen Grundfarben zur Verfügung steht und leicht ausgetauscht werden kann.

Entscheiden Sie sich für eine Variante

Abhängig von der Variante des Online-Adventskalenders wird die Tagesdatei angezeigt als:

  1. HTM-Tagesdatei im gleichen Fenster
  2. HTM-Tagesdatei im PopUp-Window
  3. PDF-Tagesdatei im neuen Browserfenster



  Erklärung und Funktion

In diesem Adventskalender verwende ich eine neue Scriptversion. Die Funktionen zur Datumsanzeige, zur Datumsprüfung und für die InfoBox bei MouseOver wurden überarbeitet. Die Tagesdateien stehen nun in einem eigenen Unterordner!


Der Kalender hat 24 Klickbereiche als Imagemap, die bei MouseOver eine InfoBox 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



Die Grafik steht in einer Tabelle. 24 Bereiche dieser Grafik (Ziffern) 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 Grafik steht innerhalb einer Tabelle in der Seitenmitte
  • Die 24 Ziffern sind Klickbereiche einer Image-Map
  • Bei MouseOver erscheint dort eine PopUp-Box mit Informationen
  • 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
  • Counter: Tage bis Weihnachten werden angezeigt
  • Nach dem 1. Dezember Aufforderung zum Klicken
18.10.2002   
NACH OBEN