Adventskalender 02 Beschreibung V01 + V02
Ein Kalender der täglich eine einzige Grafik anzeigt. Anklicken der Grafik öffnet die jeweilige Tagesdatei. Es kann also lediglich die Tagesdatei für das aktuelle Datum geöffnet werden.
|
|
Adventskalender 02 Beschreibung 02-01 + 02-02
Sie können natürlich auch an allen 24 Tagen die gleiche Grafik anzeigen lassen.
Der Adventskalender 02 wird in der Regel seitenfüllend auf einer eigenen Seite angezeigt. Er eignet sich bei entsprechend kleinen Abmessungen auch dazu, als Extra neben anderen Inhalten Ihrer Seite eingebunden zu werden. Ich habe 2 Varianten vorbereitet:
Kalender 02-01: kleine Darstellung
Kalender 02-02: ganzseitige Darstellung
Der Online-Adventskalender 02 ist gut geeignet für tägliche Aktionen die lediglich für einen Tag gültig sind.
| |

|
Einschränkung beim Kalender 02: Die Türchen (oder Päckchen) bereits vergangener Tage können nicht mehr geöffnet werden. Nur die aktuelle Tagesdatei kann aufgerufen werden! Ihre Seitenbesucher müssen also täglich vorbeischauen, um kein Angebot zu verpassen. Angebote bereits abgelaufener Tage können nicht mehr abgerufen werden.
Funktion
Täglich wird eine Grafik angezeigt die man anklicken kann. Nach dem Anklicken wird die entsprechende Tagesdatei angezeigt. Zwei Optionen sind einstellbar:
- HTML-Tagesdatei im gleichen Fenster
- HTML-Tagesdatei in einem neuen Fenster
Im Online-Adventskalenders 02 kann die Tagesdatei im gleichen oder in einem neuen Fenster angezeigt werden. Sie bestimmen den Anzeigeort für die Tagesdatei, indem Sie einen Variablenwert setzen:
var Target = "_blank"; // neues Fenster
var Target = "_self" // gleiches Fenster
Bei den Kalendern 02-01 + 02-02 werden 26 Grafiken eingesetzt. An den Tagen vom 1.-24. Dezember wird täglich eine andere Grafik (bild01.gif - bild24.gif) angezeigt. Ein Klick auf diese Grafik öffnet die zum Tag gehörende Datei. Der HTML-Code für die Anzeige der Grafik und den Link wird von einem JavaScript in Ihre Seite geschrieben. Abhängig vom Datum werden Grafik und Link zur Tagesdatei bestimmt.
- An Tagen vor dem 1. Dezember wird die Grafik "bild00.gif" angezeigt
- Vom 1. - 24 Dezember wird die Grafik "bildxx.gif" angezeigt
- An Tagen ab dem 25 Dezember wird die Grafik "bild25.gif" angezeigt
Anzeige der Grafiken für Kalender 02-01:

vor Dezember
|

1. - 24. Dezember (täglich wechselnd)
|

ab 25. Dezember
|
Die Dateinamen für Grafiken und HTML-Dateien haben eine zweistellige Nummerierung! Im Gegensatz zu den meisten anderen Kalendern vegebe ich beim Online-Adventskalender 02-01 + 02-02 auch für die Tagesdateien (zur Zeit noch) zweistellige Nummern. Die Dateinamen für Tag 1 bis 9 haben eine führende Null (01.htm, 02.htm, ...) ! Lediglich beim Adventskalender 16 verwende ich das gleiche Prinzip.
| Datum |
Grafik |
Tagesdatei |
| bis 30. Nov. |
bild00.gif |
00.htm |
| 1. Dez. |
bild01.gif |
01.htm |
| 2. Dez. |
bild02.gif |
02.htm |
| 3. Dez. |
bild03.gif |
03.htm |
| ... |
... |
... |
| 24. Dez. |
bild24.gif |
24.htm |
| ab 25. Dez. |
bild25.gif |
25.htm |
Daraus folgt, das am 6. Dezember beim Klick auf die Grafik 06 auch nur die Datei für den Tag 6 angezeigt wird. An jedem Tag während der Adventszeit kann nur die aktuelle Datei angezeigt werden!
Tagesdateien
Neben den benötigten 24 Tagesdateien gibt es noch 2 Dateien, die außerhalb des gültigen Datums einen Hinweis anzeigen. Diese Dateien sind mit '00.htm' und '25.htm' bezeichnet.
| Zeitraum | Datei | Demo |
|
Adventszeit 1. bis 24. Dez.
|
'01.htm' bis '24.htm'
|
Anzeigen  |
| Januar - November |
'00.htm' (zu früh) |
Anzeigen  |
| ab 25. Dez. |
'25.htm' (zu spät) |
Anzeigen  |
Demo Version 02-01
Ansicht der Version 02-01 als Demo rechts: Abmessung 150 x 150 Pixel (plus Randbreite)
Ich verwende in diesem Beispiel 24 unterschiedliche Päckchen-Grafiken (im Download der Version 01 enthalten). Sie könnten natürlich auch eine andere Grafik mit Bezug zum Inhalt der öffnenden Tagesdatei anzeigen lassen.
Ihrer Phantasie sind da natürlich keine Grenzen gesetzt: Grafiken von Einkaufsüten, Tresore, Schmuckkästchen, CD-Hüllen oder was immer zu Ihrer Webseite passt. | |
|
Voraussetzungen
Sie können bei der Version 02-01 die im Download enthalten Grafiken verwenden oder setzen eigene Grafiken / Fotos ein. Neben den 24 Grafiken während der Adventszeit benötigten sie zwei weitere Grafiken, weil ja vor dem 1. Dezember und nach dem 24. Dezember ebenfalls ein Bild angezeigt werden soll. Für die Version 02-02 sind im Download lediglich 3 Mustergrafiken enthalten.
Ich verwende 24 (+2) gleichformatige Grafiken
- die Grafik mit der Endnummer 00 wird vor Dezember angezeigt
- die Grafiken mit der Endnummer 01 - 24 werden während der Adventszeit angezeigt
- die Grafik mit der Endnummer 25 wird nach dem 24 Dez. angezeigt
- Alle 24 + 2 Grafiken haben die gleiche Größe
- Alle 26 Grafiken sind durchnummeriert
- Alle 26 Grafiken sind vom gleichen Grafiktyp (GIF od. JPG)
Sie benötigen dann noch 24 (+2) Tagesdateien
- die Datei mit der Endnummer 00 wird vor Dezember angezeigt
- die Dateien mit der Endnummer 01 - 24 werden während der Adventszeit angezeigt
- die Datei mit der Endnummer 25 wird nach dem 24 Dez. angezeigt
Im Download sind 26 HTML-Dateien enthalten, die Sie Ihrem Thema anpassen und mit Leben füllen können.
Aufbau
- Eine Grafik (eine von 26) steht innerhalb einer Tabelle mit Rand
- Beim Klicken im Advent wird eine der 24 Tagesdateien geöffnet
- Beim Klicken im November wird die Datei 00.htm gezeigt
- Beim Klicken nach dem 24. Dez. wird 25.htm gezeigt.
In der ganzseiteigen Darstellung (Version 02) zusätzlich:
Schritte zum Einbau
- Zip-Datei herunterladen und in einem neuen Ordner auspacken
- meine 24 HTML-Musterdateien anpassen
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.
Mehr Info dazu finden sie im Menü links
Anpassungen
Sie können folgende Parameter ändern, um den Adventskalender anzupassen:
// Anzeigeort festlegen: "_blank" = neues Fenster "_self = gleiches Fenster
var Target = "_blank";
// Eintragungen zu den Grafiken (hier: graf/bildxx.gif)
// Abmessungen Breite und Höhe
var Breite = 150;
var Hoehe = 150;
// Pfad für die Grafiken ("" falls im gleichen Ordner)
BildPfad = "graf/"
// erster Teil der Grafik-Dateinamen (ohne Nummer und Dateiendung)
DateinameTeil = "bild";
// Typ der Grafik gif oder jpg (Kleinschrift)
var typ = "gif";
// Eintragungen zu den Tagesdateien
// Pfad für die tagesdateien eintragen ("" falls im gleichen Ordner)
var DateiPfad = "fenster/";
Nutzungsbedingungen
Die Adventskalender dürfen für eine Einbindung in private und kommerzielle Webseiten oder für die Verwendung auf CDs kostenfrei genutzt werden. Es wäre schön, wenn mein Link erhalten bleibt (muss aber nicht). Lediglich der Copyright-Vermerk im Schneefallscript muss erhalten bleiben. Wenn Sie möchten, verlinke ich Ihren Kalender in meiner Übersicht.
Kontaktformular (Emailadresse nicht erforderlich) Nutzungsbedingungen 
Die Downloads wurden auf Virenfreiheit überprüft mit AviaAntivir Premium.
Weitere Anpassungen
Möchten Sie ...
- eigene Tagedateien erstellen
- meine Musterdateien modifizieren
- den Schneefall modifizieren
- eine Musikdatei einbinden
... darf ich sie auf die Anleitungen zur Modifikation hinweisen. Sie finden die Anleitungen im Menü links.
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 im Menü links.
Querverweis:
Wenn Sie täglich die gleiche Startgrafik zum Anklicken anzeigen möchten wählen Sie den Adventskakender 16. Ein entsprechendes Beispiel habe ich im Oktober 2010 erstellt.
Die Namensvergabe für die Tagesdateien beim Kalender-02 und Kalender-16 sind kompatibel und eignen sich für beide Adventskalender. Ich vegebe für die Tagesdateien zweistellige Nummern. Die Dateinamen für Tag 1 bis 9 haben eine führende Null (01.htm, 02.htm, ...) ! Beim Adventskalender 02 und Adventskalender 16 verwende ich das gleiche Prinzip.

|