Handball Spielplan per Javascript Widget

Dominic151617

Hallo zusammen,

ich versuche grad den Handball Spielplan von meinem Sohn in unsere Lovelace Visualisierung einzubinden. Grundsätzlich ist das bei Handball.net auch vorgesehen. Man kann (wenn man es verstehen würde😉) ein Widget in eine Webseite einbinden Beispiel Anleitung.
Anleitung:

Füge den Code zum Laden des Widget-Javascripts in die Seite ein. Dieser Code lädt asynchron im Hintergrund, ohne die restliche Seite zu blockieren. Er muss nur einmal pro Seite eingefügt werden, auch wenn mehrere Widgets angezeigt werden.

<script>
(function(e,t,n,r,i,s,o){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)}, e[i].l=1*new Date;s=t.createElement(n),o=t.getElementsByTagName(n)[0];s.async=1; s.src=r;o.parentNode.insertBefore(s,o)})(window,document,"script", 'https://www.handball.net/widgets/embed/v1.js',"_hb");
</script>

Füge den HTML-Container in Deiner Seite dort ein, wo das Widget erscheinen soll.

<div id='handball-spielplan'></div>

Füge den Code zum Einbetten Deines Widgets in die Seite ein.

<script>
      _hb({
      widget: 'spielplan',
      teamId: 'handball4all.schleswig-holstein.1397781',
      container: 'handball-spielplan'
    })
    </script>

Dummerweise habe ich mal so gar keine Ahnung von Webseiten. Die Vorschläge der Chatbots laufen darauf hinaus, die Elemente zusammen in eine HTML Datei zu packen, diese unter vis abzulegen und das als i-Frame oder Markdown einzubinden. Ich habe auch noch mal versucht, den kombinerten HTML Code als String unter Alias abzulegen und diesen für Lovelace "freizugeben". Leider alles ohne Erfolg. Hat jemand ne idee?
HTML Datei:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <script>
      (function(e,t,n,r,i,s,o){
        e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},
        e[i].l=1*new Date;
        s=t.createElement(n),o=t.getElementsByTagName(n)[0];
        s.async=1; s.src=r;
        o.parentNode.insertBefore(s,o)
      })(window,document,"script",
      "https://www.handball.net/widgets/embed/v1.js","_hb");
    </script>
  </head>

  <body>
    <div id="handball-spielplan"></div>

    <script>
      _hb({
        widget: "spielplan",
        teamId: "handball4all.schleswig-holstein.1397781",
        container: "handball-spielplan"
      });
    </script>
  </body>
</html>

Community Forum

NEWS

Handball Spielplan per Javascript Widget

Support us

514

32.8k

82.9k

1.3m