 Kalenderblatt 03 + Begrüßung
Darstellung eines MINI-Kalenderblatts und einer tageszeitabhängigen Begrüßung für ihre Startseite. Das aktuelle Datum wird als Abreißkalender dargestellt, darunter wird der Begrüßungstext eingeblendet.
Rechts sehen sie den aktiven Kalender
Alle Vorarbeiten, die ihnen die Einbindung erleichtern, habe ich bereits vorgenommen. Sie müssen lediglich das JavaScript in den Head kopieren und die Funktion im Body aufrufen.
Wie im Mini-kalenderblatt 02 können sie ihre favorisierten Farben an zentraler Stelle in Variablen eintragen. Dazu können sie bis zu 4 unterschiedliche Werte festlegen.
|
|
|
Aufwand zur Einbindung
1) Scriptcode im Head notieren (siehe Textdatei)
2) Funktionsaufruf im Body notieren (siehe unten)
 Kurzinfo JavaScript in ein HTML-Dokument 'einbauen'
Das Kalenderblatt erscheint innerhalb ihrer Seite genau dort, wo der Aufruf der Funktion notiert wurde:
<script type="text/javascript" language="JavaScript">
<!--
Begruessung03();
//-->
</script>
Beispiele der Darstellung
Begrüßungstexte
Zu verschiedenen Tageszeiten, schreibt das Kalenderscript entsprechende Begrüßungen in ihre Seite. Der Kalender ist variabel. Einstellbar sind natürlich nicht nur die Zeitwerte sondern auch die entsprechend eingeblendeten Texte.
Zur Zeit:
|
00 Uhr - 02 Uhr
|
Es ist bereits nach Mitternacht
|
|
02 Uhr - 03 Uhr
|
Früh auf oder immer noch wach?
|
|
03 Uhr - 07 Uhr
|
Guten Morgen, alles fit?
|
|
07 Uhr - 12 Uhr
|
Moijn Moijn
|
|
12 Uhr - 17 Uhr
|
Guten Tag
|
|
17 Uhr - 23 Uhr
|
Guten Abend
|
|
23 Uhr - 24 Uhr
|
Der Tag geht zu Ende
|
Grundlagen - Grundsätzliche Erklärungen zum date()-Objekt und den Möglichkeiten die Informationen für Datum und Zeit in Scripten weiter zu verarbeiten, finden sie auf der Seite
Datum Einführung 02 - Übersicht
Datum und dynamische Uhrzeit - Die Möglichkeit Datum und Uhrzeit dynamisch anzeigen zu lassen, wobei ein Update jede Sekunde stattfindet, finden sie auf der Seite
Datum und Uhrzeit dynamisch darstellen
aktuelles Datum - Ein weiteres Beispiel der Datumsanzeige mit 6 unterschiedlichen Darstellungsmöglichkeiten, finden sie auf der Seite
Datum als Text einbinden
Mini-Kalenderblatt 01 - Mini-Kalenderblatte 60 x 70 Pixel, Tageszahl und Kurzform des Monatsnamens mit Anpassungsmöglichkeiten für die Farbgebung, finden sie auf der Seite
Mini-Kalenderblatt 01
Mini-Kalenderblatt 01-A - Mini-Kalenderblatte 60 x 70 Pixel, Jahreszahl, Tageszahl und Monatsname mit Anpassungsmöglichkeiten für die Farbgebung, finden sie auf der Seite
Mini-Kalenderblatt 01-A
Mini-Kalenderblatt 02 - Darstellung von Jahreszahl, Monatsnamen Wochentag und der Tageszahl mit Anpassungsmöglichkeiten für die Farbgebung, finden sie auf der Seite
Mini-kalenderblatt 02
|
HOME
Quellcode 
ZURÜCK