JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Sempervivum, post: 12726, member: 3917"] Das sind wichtige Infos und wenn das so ist, würde ich das etwas anders und moderner aufziehen: Die data_all.html aufteilen und mit Ajax und der fetch-API einlesen. Würde dann so aussehen: data1.html: [CODE] :="Gerätestatus Oben": <br>:="Position Oben": [/CODE] data2.html: [CODE] :="Gerätestatus Unten": <br>:="Position Unten": [/CODE] index.html: [CODE]<!DOCTYPE html> <head> <meta content="de" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>INDEX-SEITE</title> </head> <body> <h1>Antrieb 1</h1> <p> <div class="text" id="antrieb1"></div> </p> <p> <h1>Antrieb 2</h1> <p> <div class="text" id="antrieb2"></div> </p> <script> // Intervall in Millisekunden, in dem die Daten aktualisiert werden: const intv = 200; // Zyklisch mit dem zuvor definierten Intervall: setInterval(() => { // Daten 1 mit fetch holen: fetch('data1.html').then(response => { // Antwort vom Server als Text auswerten: return response.text(); }).then(data => { // Daten 1 in den zugehörigen Container eintragen: document.getElementById('antrieb1').innerHTML = data; }); // Auf die selbe Weise Daten 2 holen: fetch('data2.html').then(response => { return response.text(); }).then(data => { document.getElementById('antrieb2').innerHTML = data; }); }, intv); </script> </body> </html>[/CODE] (ungetestet) In data1.html und data2.html muss das Grundgerüst mit html, head, body etc. entfallen weil die Inhalte direkt in die Container in index.html eingetragen werden. Man könnte noch einen Schritt weiter gehen und die Daten im JSON-Format mit einer einzigen Abfrage holen aber ich weiß nicht, ob das mit dem Webserver der SPS funktionieren würde. [/QUOTE]

Authentifizierung