Das Emotionum kann jetzt mit Live Daten kombiniert werden. Die Daten stellen wir via Ajax-Schnittstelle zur Verfügung.

Die Einbindung Erfolgt via HTML-Container:

Das Stylesheet für die Darstellung (sollte vor dem Container stehen.):
<link rel="stylesheet" type="text/css" href="https://bundesliga.emotionum.com/assets/emolive.css">

Die Emo Lightbox (wird via Script ergänzt):
<div class="emo-modal"></div>

Der Container für die Daten (emo_backbtn ist optional):
<span id="emo-backbtn" class="invisible"></span>
<div id="emo-content" data-task="standings" data-now="2016-11-05" data-layout="ic" data-team_id="">
  <img style="width:200px;margin:50vh 0 0 50%;transform:translate(-50%,-50%);" src="https://api.emotionum.com/_data/assets/loading.gif">
</div>

Configured via Data-Settings in emo-content container

data-task="standings" // nothing more needed
data-task="livescore" data-now="{empty|now|jjjj-mm-tt}"
data-task="players" data-team_id="int" (id of team e.g: 53)
data-task="match" data-match_id="int" (id of match e.g: 691195)

Das Script für den AJAX-Aufruf (muss nach dem Container aufgerufen werden.)
<script src="https://bundesliga.emotionum.com/assets/emolive.js"></script>

Spielwiese auf Codepen oder JSFiddle

•  (Bundesliga s.u.)
• https://codepen.io/anon/pen/aEMPNz (Die nächsten Spiele)

 

Beispiel: Die aktuelle Bundesliga-Tabelle