/ API

Wilkommen Teams und Webmaster

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.

jQuery Library 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.

FHL Stylesheet und Java Script einbinden

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>

HTML Elemente einbinden

Zum Schluss könnt ihr nun mit folgenden HTML Elementen die aktuelle Rangliste bzw. die Resultate-Tabelle einbinden.

Rangliste

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>

    

Resultate

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>

    

Teamnummern

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:

NummerTeamname
2EHC Hombrechtikon
4Dukla Kamikaze
5Red Sox
6Ice Birds
7HC Zürich Jaguars
8HC Sushi-Kings
10Züri Wizards
11EHC Black-Hawks
12Snus Brothers
13Bandebysser
14SC Devils-Richterswil
15EHC Gletscherspalter
16Sportclub Nänikon
17Cargo Ducks
18Slovakia Team Zürich
19HC Sihltalrangers
21HC Muppet Boilers
22Bonecrushers
23EHC Eisbrecher
26HC Migros Selection
27Greifensee Griffins
28EHC Zürich Lions
29Albula Red Devils
30Züri Highlanders