Biete kostenlose Highscore-Tabelle
Sie haben ein Spiel unter Javascript geschrieben oder Sie haben ein Javascript-Spiel in Ihre Seite eingebunden und benötigen nun eine Highscore-Tabelle, die Ihre Einträge im Netz abspeichert? Kein Problem, denn ich biete Ihnen hiermit eine völlig kostenlose Highscore-Tabelle an, die sehr einfach über Javascript aufgerufen werden kann. Für die Tabelle benötigen Sie keinen speziellen Provider und auch keine eigenen PHP-Kenntnisse, da die Tabelle direkt über den Server von YogiFotos aufgerufen wird.
Die Highscore-Tabelle ist 1000-fach durch meine eigenen Spiele erprobt und wird bei Bedarf ständig weiterentwickelt.
Das bietet Ihnen die Tabelle:
♦ Platz für 100 Einträge
♦ Eine frei wählbare Sortierreihenfolge
♦ Einen frei vergebbaren Namen in der Titelzeige
♦ Die Anzeige von Spielernamen, Level und Status
♦ Die gesonderte Anzeige des letzten Eintrages
♦ Die Anzeige eines automatisch generierten Datums
♦ Die Zusätzliche Speicherung eines weiteren Datenfelds pro Eintrag
♦ Die Tabelle ist jederzeit von Ihnen löschbar und umbennbar
♦ Die Tabelle kann nur von Ihrer Seite aus aufgerufen werden
Und so einfach wird die Highscore-Tabelle in Ihre bestehende Seite eingebunden:
Kopieren Sie folgenden Code und fügen Sie ihn in den HTML-Teil Ihres Spieles ein.
<div id="t1" style="position:absolute; left:20px; top:20px; z-index:1; display:none;">
<script type=text/javascript>
function Anzeigen(){
document.all.t1.style.display="inline";
document.HiScore.Name2.focus();}
function Highscore(){
document.HiScore.Punkte2.value="";
document.HiScore.Level2.value="";
document.HiScore.Status2.value="";
document.HiScore.Titel2.value="";
document.HiScore.Sort2.value="";
document.HiScore.Reserve2.value="";
document.HiScore.submit();
document.all.t1.style.display="none";}
function my_check(){
return false;}
</script>
<form name="HiScore" action="http://www.YogiFotos.de/Highscores/00000/Highscore.php" method="post" style="margin:0px" onSubmit="return my_check()">
<table border="1" cellspacing="0" style="background-color:rgb(102,255,255); margin:12px; border-width:5px; border-color:rgb(0,204,255);">
<tr>
<td align="center" valign="middle" style="padding:12px;">
<p style="font-family:Arial;font-size:12pt;color:black">Gib für einen evtl. Highscore-Eintrag bitte Deinen Namen ein:</p>
<p><input type="text" name="Name2" maxlength="25" size="25" style="font-family:Arial; font-size:10pt;"></p>
<p><input type="button" name="Absenden" value="Absenden" onclick="Highscore()" style="font-family:Arial; font-size:10pt;"></p>
</td>
</tr>
</table>
<input type="hidden" name="Punkte2">
<input type="hidden" name="Level2">
<input type="hidden" name="Status2">
<input type="hidden" name="Titel2">
<input type="hidden" name="Sort2">
<input type="hidden" name="Reserve2">
</form>
</div>
Selbstverständlich kann dieser Code von Ihnen komplett geändert werden und somit perfekt an Ihre Seite angepasst werden.
Was sonst noch zu tun ist:
Als erstes initialisieren Sie Ihre Tabelle. Dazu übermitteln Sie einmalig den Titel und die Sortierreihenfolge (aufsteigend / absteigend), z.B.:
document.HiScore.Titel2.value="Mein Spiel";
document.HiScore.Sort2.value="absteigend";
Achtung: Immer wenn Sie einen Titel übermitteln, wird eine bereits bestehende Tabelle gelöscht.
Danach weisen Sie anstelle der vorgegebenen Festwerte Ihre eigenen Variablen zu, wobei die Felder "Level2", "Status2" und "Reserve2" durchaus leer bleiben können, z.B:
document.HiScore.Punkte2.value=MeinePunkte;
Im Feld "Reserve2" können Sie zusätzliche Informationen ablegen, die nicht in der Highscore-Tabelle angezeigt werden sollen, z.B. eine E-Mail-Adresse. Sicherheitshalber sollten Sie eine solche Adresse aber etwas verschlüsseln, so dass sie nicht von Robotern ausgelesen werden kann. Sie rufen die Daten dann ab, indem Sie im entsprechenden Verzeichnis den Namen der Highscore-Datei eingeben. Dieser Name ist immer unterschiedlich und wird Ihnen mit der Freischaltung Ihrer Tabelle mitgeteilt.
Um Fehler zu vermeiden, achten Sie bitte darauf, dass die verwendeten Variablennamen sich nicht mit dem anderen Variablen Ihrer Seite überschneiden und ändern diese bei Bedarf entsprechend ab.
Aufruf der Tabelle zum Eintragen
Die Tabelle wird durch Aufruf der Funktion "Anzeigen" aufgerufen. Es erscheint dann folgendes Eingabefenster:
Die Position des Fensters wird in der ersten Zeile unter "left" und "top" festgelegt.
Der eingetragene Namen wird nur übermittelt, wenn der Button "Absenden" angeklickt wird. Ein versehentliches Senden mittels der Enter-Taste ist ausgeschlossen. Wenn kein Namen eingetragen wird oder wenn nur Leerzeichen übermittelt werden, erfolgt kein neuer Eintrag.
Aufruf der Tabelle zum Anzeigen
Werden keine Parameter übergeben, wechselt die Tabelle in den Anzeigemodus. Wichtig beim Aufruf ist, dass die Tabelle in einem neuen Fenster geöffnet wird, da ansonsten beim Rücksprung Ihr Spiel u.U. neu gestartet wird.
Anbei ein Beispiel, wie die Highscore-Tabelle per Button aufgerufen werden kann:
<form action="http://www.yogifotos.de/Highscores/00000/Highscore.php" method="link" target="_blank" style="margin:0px">
<input type="submit" value="Highscore-Tabelle">
</form>
Folgende Einschränkungen gelten:
♦ Ein evtl. übergebener Backslash wird automatisch entfernt.
♦ Der übergebene Titel wird auf 40 Stellen begrenzt.
♦ Der übergebene Name wird auf 25 Stellen begrenzt.
♦ Die übergebenen Punkte werden auf 10 Stellen begrenzt.
♦ Der übergebene Level wird auf 3 Stellen begrenzt.
♦ Der übergebene Status wird auf 20 Stellen begrenzt.
♦ Die übergebene Reserve wird auf 100 Stellen begrenzt.
♦ Die Tabelle wird immer komplett aufgebaut. Das bedeutet, dass auch evtl. leere Spalten nicht ausgeblendet werden.
So sieht die Highscore-Tabelle aus:
Anbei ein Beispiel für eine Tabelle (verkleinerte Darstellung / Pro-Version):
Die aktuelle Beispielstabelle können Sie unter http://www.yogifotos.de/Highscores/00000/Highscore.php aufrufen.
Testen Sie!
Sie können sofort mit dem Testen beginnen. Die o.g. Tabelle steht Ihnen zu Testzwecken jederzeit zur Verfügung und kann von allen Seiten aus aufgerufen werden.
Weisen Sie dazu im oben aufgeführten Code einfach den einzelnen Parametern Ihre gewünschten Werten zu, z.B.:
document.HiScore.Punkte2.value=117;
und fügen Sie am Ende noch die folgende Zeile zum Aufruf des Scriptes ein:
<script type=text/javascript>Anzeigen();</script>
Anschließend speichern Sie den geänderten Code mit der Endung "htm" auf Ihrem Computer ab und starten ihn mit einem Doppelklick. Sie müssen also den Code nicht einmal auf Ihre Seite hochladen, sondern können ihn direkt von Ihrerm Computer aus ausführen.
Nach Ihrer Namenseingabe wird dann die Tabelle aufgerufen und ein Eintrag mit Ihrem eingegebenen Namen und den 117 Punkten, bzw. Zügen wird hinzugefügt, falls diese nicht bereits gefüllt ist. Aber auch das ist kein Problem, denn die Tabelle kann durch Übermittlung eines Tabellennamens ganz einfach wieder gelöscht werden.
Natürlich können Sie die Tabelle auch in Verbindung mit Ihrem Spiel testen, indem Sie den Code in Ihr Spiel kopieren, den Aufruf des Scriptes an der entsprechenden Stelle einfügen und die Variablen zuweisen, z.B. wenn Ihre Variable für die Punkte "pun" lautet:
document.HiScore.Punkte2.value=pun;
Sie sehen also, dass das Ganze wirklich kinderleicht ist.
Ein kleines Testspielchen:
Zur Demonstration ein kleines Spielchen, bei dem die Highscore-Tabelle - wie oben beschrieben - eingebunden wurde. Sie können Ihren Namen eintragen und zusätzlich die gesamte Tabelle löschen.
So kommen Sie zu Ihrer Tabelle:
Wenn Sie Interesse an einer oder mehrerer Highscore-Tabellen haben, schreiben Sie mir bitte eine E-Mail. Teilen Sie mir darin die aufrufende URL (z.B. "www.yogifotos.de/spiele/") mit. Ihre Tabelle wird Ihnen dann schnellstmöglich zur Verfügung gestellt. Sie müssen dann lediglich noch die fünfstellige Zahl (00000) in der Formulardefinition anpassen.
Die Highscore-Tabellen sind selbstverständlich frei von Werbung. Lediglich in der Kopfzeile gibt es einen Link zu dieser Seite.
Pro Hauptdomain können Sie 3 Highscore-Tabellen erhalten.
Benötigen Sie mehr als 3 Highscore-Tabellen oder möchten Sie den Link zu YogiFotos entfernt haben, entscheiden Sie sich für die Pro-Version. Auf Wunsch auch optimiert zum Einbinden per "iframe". Der Vorteil einer solchen Einbindung ist, dass die YogiFotos-Adresse nicht mehr sichtbar ist und dass die letzte Zeile nicht mehr angezeigt wird. Nehmen Sie dazu bitte mit mir Kontakt auf. Ich biete Ihnen äußerst günstige Konditionen.
Für die einzelnen Einträge ist natürlich die aufrufende Seite verantwortlich. Es besteht kein Anspruch auf die Highscore-Tabelle. YogiFotos ist jederzeit dazu berechtigt, bestehende Highscore-Tabellen zu deaktivieren oder zu löschen, insbesondere wenn bei den Einträgen gegen bestehendes Recht verstoßen wird.
Sie haben noch Fragen?
Ihnen ist noch der eine oder andere Punkt unklar, Sie benötigen Hilfe beim Einbau oder Sie haben Interesse an der Pro-Version? Dann schicken Sie bitte eine E-Mail an . Ich werde versuchen, Ihnen schnellstmöglich weiterzuhelfen.