Minecraft Webseiten Spieleranzeige

[ColeHD]

Hallo,
könnte jemand für meine Webseite einen Code schreiben wo ich später in die Webseiten nur noch diese class einfügen muss (<div class="onlinecounter-chd">) wäre sehr nett.
Es soll später so aussehen: Spieler auf dem Netzwerk: (Spieler die auf dem Netzwek grade spielen ohne Maxplayer)

Mit freundlichen grüßen
Euer ColeHD.net Team

 

[jens1o]

Sollen wir das für dich schreiben?

 

[ColeHD]

Ja, es wäre sehr nett von dir wenn du das für mich schreiben könntest.
Den Code kannst du mir dann per E-Mail an support@colehd.net schicken

 

[jens1o]

Wenn, dann schreib ich es hier rein. Dann haben alle was davon.

 

[ColeHD]

Ja mach das, ist besser dann muss der nächste nicht nochmal die selbe Frage stellen

 

[jens1o]

Nicht gerade schön(dafür nur ca. 10 Minuten effektiv gecodet), aber es funktioniert: Einfach eine JS Datei erstellen, den Inhalt kopieren und via HTML dann einbinden:

/**
* A simple minecraft server user counter
*
* @author      jens1o
* @copyright   Jens Hausdorf 2016
* @license     MIT License <https://licenses.jens-hausdorf.de/MIT.txt>
*/

"use strict";

function mcServerStatus() {

    var currentElement;

    var mcServerStatus = {

        init: function() {
            if(!window.jQuery) {
                alert('When you want to use the best jens1o technology, your site needs to include jQuery');
                return;
            }

            var neededDataAttributes = ['host', 'port'];

            jQuery('.minecraft-server-status').each(function () {
                var element = jQuery(this);
           
                currentElement = element;
                neededDataAttributes.forEach(function(attribute) {
                    if(!element.data(attribute)) {
                        alert('You misconfigured your site. Missing data attribute ' + attribute + '!');
                    }

                    jQuery.get(window.location.protocol + '//api.minetools.eu/ping/' + element.data('host') + '/' + parseInt(element.data('port')), mcServerStatus.handleResponse);
                });
            });
        },
        handleResponse: function(data) {
            if(data.err || data.error || !data.players) {
                console.debug(data);
                return;
            }

            currentElement.html('<p class="minecraft-summary"><span class="minecraft-current-online">' + parseInt(data.players.online) + '</span>/<span class="minecraft-server-slots">' + parseInt(data.players.max) + '</span></span></p>');
        }
    };

    return mcServerStatus;
}

mcServerStatus().init();

Das ganze wird damit gestartet im HTML:

<div class="minecraft-server-status" data-host="lobby.freecraft.eu" data-port="25565"></div>

Der Inhalt wird rigoros ersetzt, dadurch ist es aber bspw. auch möglich, ein Preloader o.ä. einzufügen. Die Daten werden über das Data-Attribut übergeben. Das ganze kann man mit CSS noch deutlich schöner machen.

 

[ColeHD]

Danke

 

[jens1o]

klappts denn bei dir? #worksforme

 

[ColeHD]

Ja