Unterstützen
Marti Mon ist ein
Non-Profit-Projekt

Alle finanziellen Unterstützungen
und Einnahmen dienen
ausschließlich zur Deckung
der kosten von
Projekt Marti Mon.

Enthalten sind:

Domains
Server
Deine Unterstützung: €
2026 - 2027
6,8% finanziert
46,00 € von 672,00 €
Anzeige
Preiswerte und innovative Serverlösungen

netcup.com

Seiten Informationen
Version:v7.02.07 - IUP
PHP-Version:8.5.11
Template Marti-Mon
Sprache:

Mitglieder insgesamt: 13
Neuestes Mitglied: Sabi

Seitenaufbau in 0.03 Sekunden

Login
Benutzername

Passwort




Noch kein Mitglied?
Klicke hier um dich zu registrieren

Passwort vergessen?
Um ein neues Passwort anzufordern klicke hier.
Mitglieder Online
Gäste Online: 1

Mitglieder Online: 0

Suchmaschinen: 1
PetalBot [Bot]

Shoutbox
Du musst dich einloggen um eine Nachricht zu senden.

Desdrict
11.10.2026 - 19:57
Ich hab keine Fehler gefunden Grin

Asron
01.10.2026 - 09:42
Solltet ihr noch Fehler finden, schreibt diese bitte in das Forum

Leticia
30.09.2026 - 18:25
Das sieht ja gut aus kaum fehler zu sehn Cool

Asron
20.11.2025 - 19:42
Wir ziehen kurzfristig unsere Webseiten um, betroffen sind aber nicht unsere Spiel- und Voice-Server.

Asron
26.08.2025 - 16:14
Nach Langem warten, geht wieder alles. Grin

Shoutbox Archiv
Thema ansehen
Projekt Marti Mon » Webspace » HTML, PHP und CSS
 Thema drucken
Terraria Server Daten Viewer HTML
Asron
Top  #1 Beitrag drucken
Geschrieben am 23.07.2024 - 19:11
Um Terraria Server-Daten anzuzeigen zu lassen nutzen wir JavaScript, um die Daten vom Server abzurufen und in der HTML-Seite darzustellen. Wir gehen davon aus, dass die Serverdaten über eine API erreichbar sind.

HTML & JavaScript Code

Download Code  Code
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Terraria Server Daten Viewer</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            color: #333;
            padding: 20px;
        }
        .server-info {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Terraria Server Daten Viewer</h1>
    <div id="server-data" class="server-info">
        <p>Serverdaten werden geladen...</p>
    </div>

    <script>
        async function fetchServerData() {
            try {
                const response = await fetch('API_ENDPOINT_URL');
                const data = await response.json();

                const serverInfo = `
                    <h2>Server Informationen</h2>
                    <p><strong>Name:</strong> ${data.name}</p>
                    <p><strong>Status:</strong> ${data.status}</p>
                    <p><strong>Spieler:</strong> ${data.players}</p>
                `;

                document.getElementById('server-data').innerHTML = serverInfo;
            } catch (error) {
                document.getElementById('server-data').innerHTML = '<p>Fehler beim Laden der Serverdaten.</p>';
            }
        }

        fetchServerData();
    </script>
</body>
</html>





Erklärung

API_ENDPOINT_URL:
Ersetzen Sie dies mit der tatsächlichen URL Ihrer Terraria Server-API.
CSS:
Einfache Stile für die Darstellung.
JavaScript:
Nutzt fetch, um Daten von der API abzurufen, und zeigt sie auf der Webseite an.

Stellen Sie sicher, dass der Server eine JSON-Antwort mit Feldern wie name, status, und players liefert. Passen Sie das Script entsprechend der API-Spezifikationen an.
http://www.marti-mon.de
Springe ins Forum:
eBesucher Werbung

eBesucher
Powered by PHP-Fusion copyright © 2026 PHP-Fusion Inc.
Released as free software without warranties under GNU Affero GPL v3.
Copyright © 2010 - 2026 by Marti Mon. All Rights Reserved.
Graphics Designed by Magnific & Freedesignfile


37,351 eindeutige Besuche