Dies beinhaltet ein einfaches Skript, um die aktuelle Evangelische Tageslosung per Javascript auf einer Webseite anzuzeigen. Falls ihr php bevorzugt, empfehle ich euch dieses Projekt.
Die Losungen müssen als CSV / TXT (Tab getrennt)
von losungen.de/download heruntergeladen werden.
Danach müssen sie ins UTF-8 Format gebracht werden. Dies geht zum Beispiel mit Nodepad++. Dafür muss die Datei mit dem Programm geöffnet und daraufhin oben im Menü Codierung
/ Konvertiere zu UTF-8
ausgewählt werden.
Im letzten Schritt müssen die Dateien auf eurem Server gehostet werden, damit das Skript darauf zugreifen kann. Der Dateiname muss folgendermaßen aussehen: "Losungen20XX.csv".
Das fertige Skript befindet sich im build
Ordner. Die dort vorhandene bundle.js
Datei muss ebenfalls auf eurem Server gehostet werden.
Das Skript braucht folgende HTML Elemente um zu funktionieren:
<div id="losung"></div>
<script src="EURE_URL/bundle.js"></script>
<script>window.showLosung("EURE_URL");</script>
In das div
Element wird das Skript den Inhalt schreiben. Das erste script
Element lädt das tatsächliche Skript. EURE_URL
sieht bspw so aus: "http://kirche.de/media/losungen" und muss an euren Server angepasst werden. Das zweite script
Element führt die Funktion dann aus.
Das Ergebnis wird folgendermaßen aussehen:
<h5 class="losungshead">Tageslosung vom 16.11.2023</h5>
<p class="losungstext">
Ich will einen ewigen Bund mit meinem Volk schließen, dass ich nicht ablassen
will, ihnen Gutes zu tun.
</p>
<p class="losungsvers">Jeremia 32,40</p>
Es ist also möglich das Aussehen zu verändern indem man css
Klassen mit den gegebenen Namen definiert.