Antworten auf deine Fragen:
Neues Thema erstellen

Website mit variablem Inhalt automatisch Wechseln

Mway

Aktives Mitglied

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?
 

Mway

Aktives Mitglied

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

Moderator

Teammitglied
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 START -->
<html>
<head>
<script src="PDFdesTages.js" type="text/javascript"></script>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Anfang
PDFdesTages()
// Ende -->
</script>
</body>
</html>
<!-- HTML ENDE -->

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

Aktives Mitglied

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

Moderator

Teammitglied
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 anfang -->
<html>
<head>
<title>test</title>
<style>
.feld{width: 100%; height:100%;}
</style>
</head>
<body>
<object data="01.pdf" class="feld"></object>
</body>
</html>
<!-- HTML ende -->
 

draupnir

Moderator

Teammitglied
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 - Name: egal -->
<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">
<!-- Anfang
PDFdesTages()
// Ende -->
</script>
</body>
</html>
<!-- HTML Ende -->
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben