Sternzeichen
    
 Home • Datum • Sternzeichen berechnen 02 Grafiken  Quellcode 

 Sternzeichen berechnen 03

Ein nettes Script zur Berechnung des Sternzeichens. Aus den aktuellen Werten für Monat und Tag wird das aktuelle Sternzeichen errechnet und die entsprechende Grafik angezeigt.
Grafik aktuelles Tierkreiszeichen anzeigen

update  18.03.2011 Erklärung + 2 Arrays als Referenz für Grafik und Text








Bildquelle: Wikimedia. Diese Bild- oder Mediendatei ist gemeinfrei, weil ihre urheberrechtliche Schutzfrist abgelaufen ist. Dies gilt für die Europäische Union, die Vereinigten Staaten, Australien und alle weiteren Staaten mit einer gesetzlichen Schutzfrist von 70 Jahren nach dem Tod des Urhebers.

Weitere Sternzeichenberechnungen: Querverweise



   westliches Sternzeichen

Die Ermittlung des aktuellen westlichen Sternzeichens erfolgt durch eine Folge von Vergleichen mit den aktuellen Werten für Monat und Tag. Ein daraufhin festgelegter numerischer Wert ist der Schlüssel für die Zuordnung von Grafik und Text. Die Funktion
  1. schreibt Text und das aktuelle Datum in das Formularfeld
  2. schreibt den entsprechenden Text für das Sternzeichen in das Formularfeld
  3. tauscht die Platzhaltergrafik gegen die entsprechende Bildanzeige aus

Ganz präzise sind die Zeiträume für das jeweilige Sternzeichen nicht gewählt (siehe Tabelle unten), entsprechen aber der landläufigen Einordnung.

Abfragebeispiel für das Sternzeichen Fische, vom 19.02 - 20.03

Wenn der Monat Februar ist und der Tag ist größer / gleich 19
oder
der Monat März ist und der Tag ist kleiner / gleich 20
dann ist der angezeigte Wert "Fische" und die Gafik hat die URL 'images/fische.jpg'
Ich durchlaufe die Reihe von 12 Prüfungen und lege bei zutreffender Bedingung eine Zahl in der Variablen 'Nummer' ab. Diese Zahl dient mir später als Referenz um aus 3 Arrays (Registern) die passenden Daten zu entnehmen. 
if (Monat == 1 && Tag >=20 || Monat == 2 && Tag <=18)
{
Nummer = 0;
}
if (Monat == 2 && Tag >=19 || Monat == 3 && Tag <=20)
{
Nummer = 1;
}
if (Monat == 3 && Tag >=21 || Monat == 4 && Tag <=19)
{
Nummer = 2;
}
...



   weitere Erklärungen

a  Anzeige der Grafik

Die URLs für die 12 Grafiken habe ich in einem Array abgelegt.

Was ist ein Array? Array Grundlagen

Im Array für die Grafiken des Horoskops habe ich die URL für die 12 Grafiken abgelegt: 
ImageArr = new Array()
ImageArr[0] = "images/wassermann.jpg";
ImageArr[1] = "images/fische.jpg";
ImageArr[2] = "images/widder.jpg";
ImageArr[3] = "images/stier.jpg";
...
Das erste Element des Arrays (Index 0) enthält die URL für die Grafik 'Wassermann'. Das zweite Element des Arrays (Index 1) enthält die URL für die Grafik 'Fische'. usw.

andere Schreibweise:

Hier verwende ich nun eine 'automatisierte' Durchnummerierung für die Elemente des Arrays. Die oben von Hand eingetragene Nummer für die Elemente des Arrays werden automatisch ermittelt. Die Länge des Arrays (zum jeweiligen Zeitpunkt des Einlesens jeder Codezeile) ist ja bei der ersten zeile "0", bei der zweiten Zeile "1", bei der dritten Zeile "2", usw. . 
ImageArr = new Array()
ImageArr[ImageArr.length] = "images/wassermann.jpg";
ImageArr[ImageArr.length] = "images/fische.jpg";
ImageArr[ImageArr.length] = "images/widder.jpg";
ImageArr[ImageArr.length] = "images/stier.jpg";
...
Abhängig vom Anzeigezeitraum kann ich später die URL der benötigten Grafik dort entnehmen. Dazu bediene ich mich der fortlaufenden Nummern der Arrayelemente. Die Nummern entsprechen der Reihenfolge im Bild-Array. In der Berechnungsfunktion referenziere ich mit Hilfe des Zahlenwerts das entsprechende Element des Arrays.

Beispiel: Für das Sternzeichen 'Fische' referenziere ich das Array-Element mit dem Index '1' und verweise damit auf die URL für die Grafik 'fische.jpg' und tausche die Platzhaltergrafik aus.

Die neue URL für das Seitenelement mit der ID 'Platzhalter' ist das, was im Array 'ImageArr' im Element mit dem Index '1' steht.
document.getElementById("Platzhalter").src = ImageArr[1];

b  Anzeige der Texte

Genauso verfahre ich mit den 12 Texten die ich im Array 'TextArr' abgelegt habe.
TextArr = new Array()
TextArr[TextArr.length] = "Wassermann";
TextArr[TextArr.length] = "Fische";
TextArr[TextArr.length] = "Widder";
...
In das Formularelemet mit der ID 'SternZ' wird das hinein geschrieben, was im Array 'TextArr' im Element mit dem Index '1' steht.
document.getElementById("SternZ").src = TextArr[1];


c  Anzeige der Datumsspanne

Ebenso verfahre ich mit den 12 Texten für die Datumsspanne die ich im Array 'DatumArr' abgelegt habe.
DatumArr = new Array()
DatumArr[DatumArr.length] = "20. Jan - 18. Feb";
DatumArr[DatumArr.length] = "19. Feb - 20. Mar";
DatumArr[DatumArr.length] = "21. mar - 19. Apr";
...
In das Formularelemet mit der ID 'Daten' wird das hinein geschrieben, was im Array 'DatumArr' im Element mit dem Index '1' steht.
document.getElementById("Daten").src = DatumArr[1];

Die in den 3 Beispielen eingetragene Ziffer '1' dient nur der Verdeutlichung. Innerhalb der Funktion ist an dieser Positionen die Variable 'Nummer' notiert, welche z.B für das Sternzeichen Fische die Zahl '1' enthält.






   Grafiken + Sternzeichen

Die insgesamt 13 Grafiken (1 Platzhaltergrafik) habe ich im Unterordner 'images' abgelegt. Sie können die Grafiken hier durch rechtsklicken abspeichern oder die ZIP-Datei herunterladen.

Die zwölf wechselnden Sternzeichen / Tierkreiszeichen (Quelle: Wikipedia).

deutsch lateinisch Nr. Bild ekliptikale
Länge		 Zeitraum des
Sonnendurchgangs
Wassermann Aquarius 0 300°–330° 20. Januar – 18./19. Februar
(29 Tage, 14 h)
Fische Pisces 1 330°–360° 18./19. Februar – 20./21. März
(29 Tage, 23 h)
Widder Aries 2 0°–30° 20./21. März – 19./20. April
(30 Tage, 11 h)
Stier Taurus 3 30°–60° 19./20. April – 20./21. Mai
(30 Tage, 23 h)
Zwillinge Gemini 4 60°–90° 20./21. Mai – 20./21. Juni
(31 Tage, 13 h)
Krebs Cancer 5 90°–120° 20./21. Juni – 22./23. Juli
(31 Tage, 6 h)
Löwe Leo 6 120°–150° 22./23. Juli – 22./23. August
(31 Tage, 7 h)
Jungfrau Virgo 7 150°–180° 22./23. August – 22./23. September
(30 Tage, 21,5 h)
Waage Libra 8 180°–210° 22./23. September – 23. Oktober
(30 Tage, 9,5 h)
Skorpion Scorpio 9 210°–240° 23. Oktober – 22. November
(29 Tage, 22 h)
Schütze Sagittarius 10 240°–270° 22. November – 21. / 22. Dezember
(29 Tage, 13 h)
Steinbock Capricornus 11 270°–300° 21./22. Dezember – 20. Januar
(29 Tage, 11 h)


Bildquelle: Wikimedia. Diese Bild- oder Mediendateien sind gemeinfrei, weil ihre urheberrechtliche Schutzfrist abgelaufen ist. Dies gilt für die Europäische Union, die Vereinigten Staaten, Australien und alle weiteren Staaten mit einer gesetzlichen Schutzfrist von 70 Jahren nach dem Tod des Urhebers.


 





Berechnung des abendländischen und chinesischen Sternzeichens

Berechnung des abendländischen Sternzeichens mit Bildanzeige

Post-It 01 Grafik für den (nächsten) anstehenden Termin anzeigen

Post-It 03 Grafik und Text zum anstehenden Termin anzeigen

Monatsbild anzeigen 01 (1 von 12)

Monatsbild anzeigen 02 (1 von 12) URLs in einem Array

Wochentagsbild 01 - Bild des Wochentags (1 von 7)

aktuelles Sternzeichen ermitteln