Mit dieser API bieten wir euch Zugriff auf die aktuellsten Daten der Fun Hockey League. Im Folgenden findet ihr eine Anleitung, wie ihr unser PlugIn in eure Webseite integrieren könnt. Neben der aktuellen Gruppen-Tabelle könnt ihr mit dem PlugIn auch alle Resultate eures Teams in eure Webseite einbinden.
Unser PlugIn basiert auf der Java Script Library "jQuery", welche ihr als erstes in eure Seite einbinden müsst. Dies macht ihr am einfachsten über die Google API, indem ihr folgenden Code in den <head> Bereich eurer Seite kopiert.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
Wenn ihr bereits eine jQuery Library eingebunden habt, sollte dies Version 1.12 oder neuer sein.
Als nächstes müsst ihr das Stylesheet und das Java Script File für unser PlugIn einbinden. Dafür müsst ihr den folgenden Code ebenfalls in den <head> Bereich eurer Seite kopieren, welcher die entsprechenden Files über unsere API lädt.
<link rel="stylesheet" href="http://api.funhockey.ch/files/fhl_api.min.css">
<script src="http://api.funhockey.ch/files/fhl_api.min.js"></script>
Zum Schluss könnt ihr nun mit folgenden HTML Elementen die aktuelle Rangliste bzw. die Resultate-Tabelle einbinden.
Um die aktuelle Rangliste eurer Gruppe zu laden, kopiert ihr einfachen
den folgenden Code-Abschnitt in euren HTML-Code, wo die Rangliste
eingebunden werden soll. Den Wert des data-team Attributes setzt ihr
auf die Teamnummer eures Teams, welche ihr aus der Tabelle am Ende dieser
Seite entnehmen könnt.
Der Code für die Greifensee Griffins mit der Teamnummer 27 wäre folgendermassen:
<div class="fhl_games_plugin" id="standings" data-team="27"></div>
Das einbinden der Resultate eures Teams funktioniert fast gleich. Folgender Code wäre für den Sportclub Nänikon mit der Teamnummer 16:
<div class="fhl_games_plugin" id="scores" data-team="16"></div>
Damit das PlugIn die richtige Rangliste und die richtigen Resultate für euer Team lädt, müsst ihr im HTML Code eure Teamnummer als Wert des data-team Attributes verwenden, die ihr in folgender Tabelle findet:
Nummer | Teamname |
2 | EHC Hombrechtikon |
4 | Dukla Kamikaze |
5 | Red Sox |
6 | Ice Birds |
7 | HC Zürich Jaguars |
10 | Züri Wizards |
11 | EHC Black-Hawks |
12 | Snus Brothers |
14 | SC Devils-Richterswil |
15 | EHC Gletscherspalter |
16 | Sportclub Nänikon |
17 | Cargo Ducks |
18 | Slovakia Team Zürich |
19 | HC Sihltalrangers |
22 | Bonecrushers |
27 | Greifensee Griffins |
28 | EHC Zürich Lions |
29 | Albula Red Devils |
31 | Ice Dogs |
32 | Pirates Zurich |
33 | Team Grafstal |
34 | SC Zweifel Flames |
35 | KZO Legends |
36 | Rusty Knights |