Sempervivum

Hallo Markus und willkommen im Forum!
Deine Vermutung trifft zu: Ein Button ist per Default ein Submitbutton, siehe z. B. hier:
https://wiki.selfhtml.org/wiki/HTML/Formulare/button
Einfachste Lösung: Das type-Attribut auf "button" setzen.
Alternative:…

Voll ein Syntaxfehler, schließendes Hochkomma fehlte, so ist es richtig:
(Quelltext, 2 Zeilen)

Getestet hiermit:
(Quelltext, 7 Zeilen)

Versuche in deinem Javascript dieses:
(Quelltext, 3 Zeilen)

OK, verstehe, dann hat mich dein früherer Thread in die Irre geführt.
Das Vorgehen ist jedoch das selbe: Schreibe das HTML, das die Variablen enthält, in eine eigene kleine Datei und aktualisiere diese durch fetch, wie früher beschrieben. Wenn es…

Aber irgend wo musst Du doch ein Bild haben, das durch eine PLC-Variable dynamisch gesteuert wird, sonst macht doch das ganze Nachladen keinen Sinn?

In script-Tags setzen und am Ende des Body, vor dem schließenden </body>, einfügen:
(Quelltext, 14 Zeilen)

Und nicht vergessen, der Tabellenzelle die ID "td-status" zu geben.

Das Flackern bekommst du weg, wenn Du das/die Statusbild(er) mit fetch aktualisierst, wie früher beschrieben.

PS: Jedenfalls wenn Du mit Hintergrundbild das aus deinem Posting #3 meinst:
body {background-image: url("cloud7.jpg"); background-position: 0% 0%; background-repeat: no-repeat; background-size: cover; margin-top:1.0cm; margin-left:0.5cm;}

Nein, Du verstehst da etwas falsch: Das Nachladen mit fetch macht nur sinn, wenn sich das Bild ändert. Dein Hintergrundbild ist jedoch immer das selbe, daher würde ein Nachladen keinen Sinn machen.

Schon, aber wenn Du die Bilder auf diese Weise lädst und aktualisierst, wird nicht die ganze Seite neu geladen und dann wird auch das Hintergrundbild nicht mehr flackern.

PS: Ich habe ganz vergessen, dass Du das ja zyklisch aktualisieren musst:
(Quelltext, 10 Zeilen)

Ich fürchte, in dem Fall kannst Du den Pelz des Bären nicht waschen, ohne ihn nass zu machen
Gib der Tabellenzelle eine ID:
<td id="td-status"><img id="statusanzeige"></td>
Und erzeuge eine kleine HTML-Datei mit dem img-Tag:
(Quelltext, 13 Zeilen)

…

In welchem Zusammenhang spielt sich das Ganze denn ab? Ist es so, dass es das a-href-Tag schon gibt und nur durch Javascript das richtige Ziel bzw. Attribut eingetragen werden soll?

Ich erinnere mich, das war diese Sache wo Variablen von einer SPS eingefügt wurden. Worauf ich hinaus wollte ist, die betr. Abschnitte mit Ajax zu aktualisieren, dann würde der Rest der Seite nicht neu geladen und das Flackern/Blitzen unterbleibt. Ich…

Warum musst Du denn die Seite jede Sekunde aktualisieren? Da gibt es u. U. eine bessere Lösung etwa in der Richtung, dass nur bestimmte Inhalte aktualisiert werden.

Gern geschehen, ich bin kein Raspi-Spezialist, mit den Quellen wirst Du nach dem Urlaub sicher zum Ziel kommen.

Nicht unbedingt, scheint keine unlösbare Aufgabe zu sein, auf dem Raspi ein Zertifikat zu installieren:
https://tutorials-raspberrypi.…t-lets-encrypt-erstellen/

PS: Selfhtml sagt, dass localhost als sicherer Kontext gilt:
"Als sichere Kontexte zählen u. a. HTTPS, lokale Dateien (file:///) sowie der lokale Rechner http://localhost,"
Daher funktioniert es also bei mir lokal.
Dann haben wir u. U. schlechte Karten.

Das sieht ja schon mal ganz gut aus. Fragt sich, warum keine Geschwindigkeit erkannt wird.
Ich sehe da bei caniuse, dass das nur auf sicheren Servern funktioniert:
https://caniuse.com/#feat=geolocation
Allerdings auf meinem localhost, nicht sicher,…

Versuchen wir es mit einigen Logausgaben:
(Quelltext, 24 Zeilen)

Dann siehst Du unterhalb der Tabelle was passiert.