 Text des tages - 1 von 365
Dieses Script schreibt abhängig vom Monat und Kalendertag des Monats einen Text in ihre HTML-Seite.
Mit diesem JavaScript-Beispiel können sie die Anzeige eines Tagestextes in ihre Webseite realisieren. Ein Einsatz für 'Computertipp des Tages', Rezept des Tages', 'Witz des Tages' oder Glückskeks-Spruch des Tages wäre denkbar.
Mein Beispiel: Aktuelle Namenstage
|
|
|
Die hier verwendeten Text-Module stammen aus der Namenstagsliste von: 'http://kalender-365.de' und dürfen laut Aussage frei verwendet werden.
Demo für heute:
Mit einem Rand und Hintergrundgrafik ein wenig formatiert ist das Ausgabeergebnis:
Grafik: www.kneller-gifs.de
Aufwand:
- Script in den Head kopieren
- Texte anpassen (wenn sie möchten)
- Funktionsaufruf dort eintragen, wo der Tagestext erscheinen soll
Funktion
Die Texte für die einzelnen Tage der Monate, stehen in 12 Registern (Arrays  ). Jedes der 12 MonatsArrays sollte also zwangsläufig so viele Elemente wie Monatstage haben.
Da ich zusätzlich als erstes Arrayelement den Monatsnamen eingetragen habe kommt jeweils noch ein Array-Element dazu.
var Monat7 = new Array("Juli","Dietrich, Aaron, Theobald, Regina"," ...");
Für heute wurde im Array 'nachgeschaut' mit dieser Anweisung:
Der Inhalt für heute ist:
Zugriff auf einzelne Array-Elemente:
Die Einträge für den jeweiligen Tag des Jahres werden ermittelt über Arrayname[Tag]
Die Inhalte des ersten Elements des Registers für den Monat Juli z.B. wird mit Monat7[0] abgefragt und liefert den Wert 'Juli'.
Die Werte der Elemente für die 31 Tage des Monats im Registers für den Monat Juli z.B. werden mit Monat7[1] bis Monat7[31] abgefragt.
Dazu ermittelt das Script zuerst den aktuellen Monat und legt mit dem Ergebnis den Namen des Registers fest. Das Script ermittelt dann aus dem aktuellen Datum den Tag des laufenden Monats und 'sieht im Register nach' welcher Text dort für den betreffenden Tag abgelegt wurde und schreibt den Text in die Webseite.
Das Script (im Head):
<script type="text/javascript" language="JavaScript">
<!-- Begin
var Monat1 = new Array("Januar","Maria","Makarius,", ... );
var Monat2 = new Array("Februar","Brigitta, Brigitte, Barbara", ... );
// und so weiter
var Jetzt = new Date();
var TagHeute = Number(Jetzt.getDate());
var MonatHeute = String(Jetzt.getMonth()+1);
var Monat = self['Monat' + MonatHeute][0];
var TagesText = self['Monat' + MonatHeute][TagHeute];
function writeText() {
document.write("Namenstag: " + TagesText);
}
// End -->
</script>
Der Funktionsaufruf (BODY-Bereich):
<script type="text/javascript" language="JavaScript">
<!--
writeText();
//-->
</script>
Ihr Script testen
Wenn sie ihr eingebautes Script testen möchten, müssen Uhrzeit und Kalendereinstellungen geändert werden:
Unten rechts auf dem Bildschirm wird (bei Windows) normalerweise die Uhrzeit angezeigt. Dort kann man rechtsklicken und Kalender und Zeit ver- / einstellen. Ist die Uhr nicht zu sehen:
- Startleiste rechtsklicken
- Eigenschaften
- Uhr anzeigen markieren
|
WWW.WEB-TOOLBOX.NET
BEISPIEL 
ZURÜCK 
