Ja, genau. Aber dort wird per JavaScript eine Hintegrundfarbe gesetzt, man kann das aber auch so anpassen, dass die Textfarbe geändert wird. Und schon kannst du mit etwas Mitdenken eine Zeile aus dem Beispiel kopieren, bei dir einfügen und anpassen.
Habe es so gelöst, in JS #Server-status Online einfach normal #Server-status ,bei Offline einfach #Server-status-off. Und schon geht es so wie es soll.
Im CSS.
Code
#server-status-off
{
color: red;
font-size: 16;
font-weight: bold;
background-color: black;
}
#server-status
{
color: green;
font-size: 16;
font-weight: bold;
background-color: black;
}in index.html
Code
<p><font size="4" color="#17D4FE">Server Status: <span id="server-status"></span><span id="server-status-off"></span></p>JS
Code
var site = 'https://seti-sachsen.de';
// var site = 'https://google.com';
$.ajax
({
url: site,
dataType: "jsonp",
statusCode: {
200: function (response) {
$('#server-status').html('Online');
console.log(response);
},
404: function (response) {
$('#server-status-off').html('Offline');
console.log(response);
}
}
});