daice24
Goto Top

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

Content-Key: 595574

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

Printed on: April 20, 2024 at 04:04 o'clock

Member: tomolpi
tomolpi Aug 12, 2020 at 08:36:46 (UTC)
Goto Top
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
Member: michi1983
michi1983 Aug 12, 2020 updated at 11:17:43 (UTC)
Goto Top
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ß
Member: daice24
daice24 Aug 12, 2020 at 11:28:35 (UTC)
Goto Top
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
Mitglied: 145033
Solution 145033 Aug 12, 2020 updated at 11:56:53 (UTC)
Goto Top
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>
Member: daice24
daice24 Aug 12, 2020 at 12:52:13 (UTC)
Goto Top
Vielen Dank!