 Adventskalender 02 V 03 Anzeige einer Grafik
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-03 neue Variante
Der Adventskalender 02-03 wird in der Regel seitenfüllend auf einer eigenen Seite angezeigt. Er eignet sich bei entsprechend kleinen Abmessungen aber auch dazu, als kleines Extra neben anderen Inhalten eingebunden zu werden.
Einschränkung: Nur die aktuelle Tagesdatei kann aufgerufen werden! Die Türchen (Tagesdateien) bereits vergangener Tage können nicht mehr geöffnet werden. Ihre Seitenbesucher müssen also täglich vorbeischauen, um kein Fensterchen / Angebot zu verpassen. Der Online-Adventskalender 02 ist gut geeignet Aktionen die lediglich für einen Tag gültig sind.
So erscheint der Kalender - Demo für den 3. Dezember (mit Demo-Texten):
Adventskalender 02-03b - PopUp-Window
|
Funktion
|
In diesem Adventskalender 02-03 verwende ich ein völlig neues Script Version Nov. 2011. Die Funktionen zur Auswahl und Anzeige der Kalendergrafik, zur Datumsanzeige und zur Datumsprüfung wurden überarbeitet.
Die Tagesdateien stehen nun in einem eigenen Unterordner!
|
Im Advent wird täglich eine andere Grafik angezeigt (eine von 24). Klicken auf die Grafik öffnet die aktuelle Tagesdatei (eine von 24). Der HTML-Code für die Anzeige der Grafik und den Link wird von einem JavaScript in Ihre Seite geschrieben. Abhängig vom Tagesdatum werden Grafik und Link zur Tagesdatei bestimmt.
Daraus resultiert, das am 6. Dezember beim Klick auf die Grafik 6 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!
Grafiken
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. Im Download sind lediglich einige Mustergrafiken enthalten.
- Alle 26 Grafiken haben die gleiche Größe
- Alle 26 Grafiken sind durchnummeriert
- Alle 26 Grafiken sind vom gleichen Grafiktyp (GIF, JPG, PNG)
Bei diesem Kalender werden also 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.
- An Tagen vor dem 1. Dezember wird die Grafik 0 angezeigt
- Vom 1. - 24 Dezember werden die Grafiken 1 - 24 angezeigt
- An Tagen ab dem 25 Dezember wird die Grafik 25 angezeigt
Die Dateinamen für Grafiken und HTML-Dateien haben eine fortlaufende Nummerierung! Ausnahmen bilden die beiden Meldungsdateien in der PDF-Variante.
| Datum |
angezeigte Grafik |
Tagesdatei
HTML-Variante |
Tagesdatei
PDF-Variante |
| bis 30. Nov. |
xxx0.zzz |
0.htm |
meldung-00.htm |
| 1. Dez. |
xxx1.zzz |
1.htm |
1.pdf |
| 2. Dez. |
xxx2.zzz |
2.htm |
2.pdf |
| 3. Dez. |
xxx3.zzz |
3.htm |
3.pdf |
| ... |
... |
... |
... |
| 24. Dez. |
xxx24.zzz |
24.htm |
24.pdf |
| ab 25. Dez. |
xxx25.zzz |
25.htm |
meldung-0.htm |
Tagesdateien
Wie sie der Tabelle oben entnhemen können ist der Typ der angezeigten Tagesdateien abhängig von der Variante des Kalenders 02-03.
Neben den benötigten 24 Tagesdateien für die Adventszeit gibt es noch 2 Dateien, die außerhalb des gültigen Datums einen Hinweis anzeigen.
HTML-Variante: Die Dateien sind mit '0.htm' und '25.htm' bezeichnet.
PDF-Variante: Die Dateien sind mit 'meldung-00.htm' und 'meldung-0.htm' bezeichnet.
| Zeitraum | HTML-Varinate | PDF-Variante | Beispiel |
| Januar - November |
'0.htm' |
'meldung-00.htm' |
 Anzeigen  |
| ab 25. Dez. |
'25.htm' |
'meldung-0.htm' |
Anzeigen |
Beim Kalender 02-03c (PDF-Dateien) werden die Meldungen 'zu früh' und 'zu spät' als HTML-Datei im PopUp-Window angezeigt.
Abhängig von der Variante habe ich die Tagesdateien in unterschiedlich bezeichneten Unterordnern abgelegt. Variante:
- Tagesdatei (HTML) öffnet im gleichen Fenster: Unterordner = tagesdateien02
- Tagesdatei (HTML) öffnet in einem PopUp-Window: Unterordner = tagesdateien01
- Tagesdatei (PDF) öffnet in einem neuen Fenster: Unterordner = tagesdateien-pdf
Kalender 02-03 Vorschau + Download
| Demo + Download als ZIP-Datei |
 |
Kalender
Version | Tagesdatei
Anzeige | Tagesdatei
Typ | Breite | Türchen
Anzahl | Start | Demo | Vorschau | Zip |
| 02-03a | gleiches
Fenster | HTML | 500 | 24 | 01.
Dez. | | Öffnen | download
|
| 02-03b | PopUp
Window | HTML | 500 | 24 | 01.
Dez. | öffnen | Öffnen | download
|
| 02-03c | neues
Fenster | PDF | 500 | 24 | 01.
Dez. | | Öffnen | download
|
Beim Kalender 02-03c (PDF-Dateien) werden die Meldungen 'zu früh' und 'zu spät' als HTML-Datei im PopUp-Window angezeigt.
Schritte zum Einbau
- Zip-Datei herunterladen und in einem neuen Ordner auspacken
- meine 24 HTML-Musterdateien anpassen (V 02-03a + 02-03b)
- PDF-Dateien erstellen (V 02-03c)
- Grafiken in den Ordner 'fotos' ablegen
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
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.
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.
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.
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.
|
Home • Adventskalender • Kalender 02 • Adventskalender 02-03