HTML erstellen die auf anderer Website nach Link bzw. neustem Bild sucht und dieses anzeigt

Hallo,

ich benötige mal Eure Hilfe. Ich möchte gern eine HTML erstellen, welche auf einer anderen Website nach dem aktuellen Link zu einem Bild sucht und mir dann nur das Bild anzeigt. Ich weiss, dass das Bild immer den String "Mittagsangebot" enhält, sowie die Endung .jpg
Das Bild auf der Website wird wöchentlich aktualisiert und heisst dann immer etwas anders. Kennt da jemand eine Möglichkeit, wie ich das umsetzen kann?

Alernativ könnte man auch nach allen Bildern, welche den String "Mittagsangebot" enthalten suchen und das mit dem neusten Erstellungsdatum anzeigen.
Wichtig ist noch, dass ich keine Daten bzw. Bider abspeichern kann, da die zu erstellende HTML Datei in MS Teams hochgeladen werden soll.

Gruß daice24

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 595574

Url: https://administrator.de/contentid/595574

Ausgedruckt am: 22.11.2024 um 14:11 Uhr

5 Kommentare

Neuester Kommentar

Hallo,

das geht mit plain HTML nicht, da braucht es eine Skriptsprache noch dazu. (JavaScript, PHP, Perl, was auch immer).

Und ob sich das dann auch Clientseitig ausfphren lässt, ist eine ganz andere Frage.

Grüße

tomolpi

Hallo,

wie @tomolpi bereits sagte, mit HTML alleine wird das nicht funktionieren.
Wie ist denn der Link zu dem Mittagsangebot aktuell?

edit:
vielleicht verstehe ich das auch falsch - kenne mich mit Teams nicht aus - aber laut der Doku klingt es so, als ob du ohnehin die anzuzeigende Website noch "manipulieren" müsstest:
https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/cre ...

Du müsstest also einen kleinen Webserver aufsetzen oder einen gehosteten verwenden.
Deine Website basteln die das entsprechende Bild fetched, den oben im Link beschriebene SDK einbinden, den call zur JS machen etc.
Danach kannst du die URL zu dieser Website in Teams in einen Tab einbinden.

Gruß

Das ich da mit reinem HTML nicht auskommen werde, ist mir schon klar. Ich will die HTML dann direkt im Teams hochladen. Da es ja im Prinzip auf einem MS Sharepoint aufbaut hab ich quasi einen Webserver für die HTML.

Der aktuelle Link zu dem Mittagsangebot lautet: http://web.bowlingroma.de/images/Mittagsangebot10082020.jpg

Alter, da bekommt man ja die Kretze bei so viel Schweinefleisch ... Das Klientel sieht dann vermutlich den Schweinen schon im Ansatz ähnlich 🙈

<!doctype html>
<html>
<head>
<meta charset="utf-8">  
<title>Fressnapf forever</title>
</head>
<script type="text/javascript">  
function loadLatestImage(){
    const d = new Date();
    const dstring = d.getDate().toString().padStart(2,'0') + (d.getMonth()+1).toString().padStart(2,'0') + d.getFullYear().toString();  
    document.getElementById('middach').src = 'http://web.bowlingroma.de/images/Mittagsangebot' + dstring + '.jpg';  
}
</script>
<body onLoad="loadLatestImage()">  
<img id="middach" width="100%">  
</body>
</html>