Website mit variablem Inhalt automatisch Wechseln

Mway · 15.06.2020

Hey, ich war hier lange nicht mehr aktiv, stehe jetzt aber vor einem Problem und hoffe hier Hilfe zu erhalten.

Folgendes Problem.

Ich möchte eine einfache Website die je nach Datum was anderes einblendet, dies Anhand vom Datum.
Praktisch also

PDF1_15_06_20 am 15.06.2020
PDF1_16_06_20 am 16.06.2020

Anhand des Datums soll die Datei eine variable Setzen und somit die richtige Datei einblenden.

Geht sowas?

lachender_engel · 15.06.2020

draupnir · 15.06.2020

) sehr hilfreich die obige Antwort. Aber das kommt davon, wenn man keine offenen Fragen stellt.

)

Also, Dein Problem, lieber MWay, ist das Adventskalender-Problem. Auf https://wiki.selfhtml.org/wiki/HTML/Tutorials/Adventskalender
findest Du dazu eine schöne Anleitung. Viel Spass beim Basten, du hast ja noch ein paar Tage bis zum Ersten Dezember.

Gruß J.

lachender_engel · 15.06.2020

draupnir schrieb:
) sehr hilfreich die obige Antwort. Aber das kommt davon, wenn man keine offenen Fragen stellt. )

Verstehe nicht, was die Aussage soll

. Ich habe die Frage von @Mway beantwortet. Da er genau das fragte, gehe ich davon aus, ihm hilft die Antwort - sonst hätte er wohl nicht gefragt.

liselotte · 15.06.2020

draupnir schrieb:
wenn man keine offenen Fragen stellt.

Die heißen dann geschlossene Fragen. :nick:

" Möchte der Frager erreichen, dass sein Gesprächspartner nur mit Ja oder Nein antwortet, wird er eine geschlossene Frage stellen." google
Schlaumeiermodus Aus

Mway · 16.06.2020

Entschuldigt bitte, dann war das wohl mein Fehler ^^. Aber ich denke kein Grund hier eine Diskussion vom Zaun zu brechen.
Mit dem oben stehenden Link kann ich leider noch nicht all zu viel Anfangen. Bin schon ein paar Jahre aus dem Thema draußen und muss mich erst wieder reindenken. Ich weiß auch nicht ob dies genau das ist, was ich benötige, dies kann aber ein meinem Verständnis liegen.

Ich möchte eigentlich ganzseitig nur eine PDF einblenden die jeden Tag an Hand der Variablen (Datum im Dateinamen) wechselt.

draupnir · 16.06.2020

Hier meine 'Holzhammer'-Methode, die man sicher noch verfeinern kann.

JAVASCRIPT - Name: PDFdesTages.js

/* PDF des Tages */
var msg = new Array();
Stamp = new Date();
today = Stamp.getDate();
msg[1] = "1.pdf";
msg[2] = "2.pdf";
msg[3] = "3.pdf";
msg[4] = "4.pdf";
msg[5] = "5.pdf";
msg[6] = "6.pdf";
msg[7] = "7.pdf";
msg[8] = "8.pdf";
msg[9] = "9.pdf";
msg[10] = "10.pdf";
msg[11] = "11.pdf";
msg[12] = "12.pdf";
msg[13] = "13.pdf";
msg[14] = "14.pdf";
msg[15] = "15.pdf";
msg[16] = "16.pdf";
msg[17] = "17.pdf";
msg[18] = "18.pdf";
msg[19] = "19.pdf";
msg[20] = "20.pdf";
msg[21] = "21.pdf";
msg[22] = "22.pdf";
msg[23] = "23.pdf";
msg[24] = "24.pdf";
msg[25] = "25.pdf";
msg[26] = "26.pdf";
msg[27] = "27.pdf";
msg[28] = "28.pdf";
msg[29] = "29.pdf";
msg[30] = "30.pdf";
msg[31] = "31.pdf";

function PDFdesTages() {
document.write('<a href="');
document.write(msg[today]);
document.write('"title="Öffene PDF des Tages in neuem Fenster" target="_blank">PDF-Datei</a>');
}
/*JAVASCRIPT ENDE */

HTML-DOKUMENT - Name: egal


<html>
<head>
<script src="PDFdesTages.js" type="text/javascript"></script>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">

</script>
</body>
</html>


Bemerkung: Wichtig sind die einfachen Anführungszeichen in Javascript, die die HTML-Befehl umfassen. Also ' und " nicht verwechseln ;-)
Die drei .write in Javascript erlauben, dass in der zweiten die Wert des Tages aus dem Array eingefügt wird.

Alles klar soweit?

Viel Spass damit.
Gruß J.

Mway · 16.06.2020

ich denke das Hilft mir auch nicht weiter.

Kurz zur Erklärung.

Wie blenden unseren Speiseplan auf Bildschirmen ein. Hierzu können wir über die Software Xibo eine Website aufrufen.
Da eine anderen Abteilung die Speisepläne fertig, möchten wir es so einfach wie möglich gestalten. Es soll nur die Website aufgerufen werden und diese soll sich abhängig vom Tag den richtigen Speiseplan der dann z.B heute Speiseplan_16_06_20 heißen soll ziehen.

Somit müssen die neuen Speisepläne nur mit richtigem Dateinamen auf den Server gelegt werden, der Rest wird dann automatisiert.

draupnir · 16.06.2020

Schön, wenn sich die Anforderungen im Laufe der Fragestellung ändern bzw. ergänzt werden.

Die oben genannte Lösung kann aber in Deinem Sinne modifiziert werden. Statt ein Link zu der PDF des Tages, kannst Du mit dem folgenden Gerüst die PDF-Datei öffnen/darstellen:


<html>
<head>
<title>test</title>
<style>
.feld{width: 100%; height:100%;}
</style>
</head>
<body>
<object data="01.pdf" class="feld"></object>
</body>
</html>

draupnir · 16.06.2020

So hier die ganze Lösung

/* Javascript - Name: PDFdesTages.js*/

/* PDF des Tages */

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //Januar ist 0
var yyyy = today.getFullYear();

function PDFdesTages() {
today = dd + '-' + mm + '-' + yyyy;

document.write('<object data="');
document.write(today);
document.write('.pdf" class="feld"></object>');
}
/* Javascript Ende */


<html>
<head>
<script src="PDFdesTages.js" type="text/javascript"></script>
<style>.feld{width: 100%; height:100%;}</style>
</head>
<body>
<h1>Heute im Angebot</h1>
<SCRIPT LANGUAGE="JavaScript">

</script>
</body>
</html>

Mway · 16.06.2020

Danke dir, ich werde es mal testen.

Rata · 16.06.2020

draupnir schrieb:
Schön, wenn sich die Anforderungen im Laufe der Fragestellung ändern bzw. ergänzt werden.

Lieber Gruß
Rata