Farbwechsel der Schrift

Das rot färben sollte kein Problem sein. Aber um deine Fragen zu beantworten, braucht es mehr Informationen:

• Ist das dein eigener Server? Oder ein Dienstleister, der die Daten zur Verfügung stellt?
• In welcher Form liegen die Daten vor? Datenbank, Textdatei CSV/JSON?

Datatables ist sehr mächtig und unterstützt auch das Laden der Daten durch Ajax und serverseitige Bearbeitung:

https://datatables.net

Wer entwickelt denn diese SPS? Oder ist das ein Standardprodukt? Gibt es dazu eine Dokumentation? Häufig läuft dann ein Webserver und man kann Daten über eine URL abfragen.

Ich vermutete eher, dass ein Webserver auf der SPS läuft. Wenn Du die Datenbausteine hast, verstehst Du auch was sie machen und wie sie funktionieren? Z. B. ob einer einen Webserver implementiert.

Zitat

Diese Daten werden auf einem PC (Server) gespeichert und von dem PC werden mir die Daten zur verfügung gestellt.

Lese ich erst jetzt. Das ist ja dann ganz etwas anderes. Auf welchem Wege und in welchem Format bekommst Du denn die Daten?

Zitat

Was meinst du mit auf der sps läuft ein Webserver?

Die Frage erübrigt sich, weil ich inzwischen gelernt habe, dass die Daten auf einem PC liegen und Du sie von dort holst.

Zitat

Ich geben das Format vor das sieht so aus:

JSON.parse('{ "name": ["Maschine1", "Maschine2", "Maschine3"], "geschwindigkeit": ["10", "5", "4"], "laenge": ["10", "8", "12"]}');

dieses Format wird wird auf dem server mit den aktuellen Daten bereitgestellt und ich greife dann dadrauf zu.

Das sind wichtige Informationen. Funktioniert der Zugriff bzw. das Holen der Daten schon? Und funktioniert das Aufbauen der Tabelle auch schon?
Wenn ja, brauchst Du ja nur noch ein wenig Javascript, um die Zellen abhängig von der Zeit einzufärben.

Zitat

kann mir jemand vielleicht eine Seite empfehlen wo ich mir so Grundlagen von null auf aneigne ?

Genau hier, wo dieses Forum ist, bist Du richtig:

https://www.html-seminar.de

Leider habe ich keine Ahnung von data driven documents oder Remote Access zu einer Sqlite-Datenbank. Vielleicht meldet sich da noch jemand anders. Ich werde aber versuchen, selber ein wenig zu recherchieren. Oder vielleicht kann dir auch der Entwickler helfen, der diese Datenbank administriert.

Das wäre überhaupt kein Problem. Poste ein Beispiel, wie die Tabelle aussieht, dann kann man dir sagen, wie es geht.

Besser den Code in Codetags posten statt Screenshots.

Im Code ist der Tabellenkörper leer, im Screenshot jedoch nicht. Wie kommen die Daten hinein?

Hier ein Demo, wo Du ablesen kannst, wie die Rotausleuchtung funktionieren kann:

<table id="machinedata">
        <thead>
            <tr>
                <th>Maschine</th>
                <th>Zeit</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Maschine 3</td>
                <td>12</td>
            </tr>
            <tr>
                <td>Maschine 2</td>
                <td>17</td>
            </tr>
            <tr>
                <td>Maschine 1</td>
                <td>25</td>
            </tr>
        </tbody>
    </table>
    <style>
        #machinedata td.low {
            color: red;
        }
    </style>
    <script>
        function hightlighttime() {
            var therows = machinedata.rows;
            for (var i = 1; i < therows.length; i++) {
                var cell = therows[i].cells[1];
                cell.innerHTML = cell.innerHTML - 1; // nur zum Test
                if (cell.innerHTML < 5) {
                    cell.classList.add("low");
                }
            }
        }
        setInterval(hightlighttime, 1000);
    </script>

Zitat

Da zählst du ja selber runter und lässt die Farbe dann aufleuchten aber ich lasse die Tabelle erzeugen mit den Daten der Datenbank

Ja natürlich, ich habe ja dran geschrieben, dass das "selber runterzählen" nur zum Test ist. Meine Absicht war, dir die Lösung für die Ausleuchtung zu zeigen.

Zitat

kann ich nicht auch ne Schleife davor schalten und sagen if Zeit[m]<5{Schrift.schwarz }

else (Schrift.rot) oder sowas

Genau das macht doch mein Skript. Ich habe nur den Umweg über eine Klasse gewählt, weil es dann flexibler ist. Du kannst auch den Rahmen oder den Hintergrund einfärben, nur durch Änderung des CSS.

Um das Skript zu verstehen, musst Du dir auch das CSS ansehehen.

Dieses Javascript:

      if (cell.innerHTML < 5) {
          cell.classList.add("low");
      }

fügt die Klasse "low" zu der Tabellenzelle hinzu, wenn der Inhalt kleiner als 5 ist.

Und dieses CSS:

        #machinedata td.low {
            color: red;
        }

ändert die Schriftfarbe auf rot, wenn die Klasse "low" bei der Tabellenzelle vorhanden ist.

Ohne CSS würde es so aussehen:

<script>
        function hightlighttime() {
            var therows = machinedata.rows;
            for (var i = 1; i < therows.length; i++) {
                var cell = therows[i].cells[1];
                cell.innerHTML = cell.innerHTML - 1; // nur zum Test
                if (cell.innerHTML < 5) {
                    //cell.classList.add("low");
                    cell.style.color = "red"
                } else {
                    cell.style.color = "black";
                }
            }
        }
        setInterval(hightlighttime, 1000);
    </script>