Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. HTML Widget im Editor sichtbar, in VIS nicht

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

HTML Widget im Editor sichtbar, in VIS nicht

Geplant Angeheftet Gesperrt Verschoben Visualisierung
21 Beiträge 5 Kommentatoren 1.9k Aufrufe 5 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • OliverIOO OliverIO

    @da_woody @bug77

    ok, da musste man etwas mit jquery nachhelfen, da in vis standard-skript ladetechniken nicht so funktionieren.

    Zur Erklärung. Im originalcode gab es eine Zeile, die mit <script begonnen hat.
    über diese Zeile wurde sozusagen die Hauptsoftware geladen. Daran hat es gelegen, das die nicht geladen werden konnte.
    Diese Software wird nun über den Befehl getScript geladen.
    du solltest dann nur noch im Konfigurationsbereich was ändern, der ist unverändert.

    <!-- TradingView Widget BEGIN -->
    <div class="tradingview-widget-container">
      <div id="tradingview_55ddc"></div>
      <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL Chart</span></a> von TradingView</div>
      <script type="text/javascript">
      
            $.getScript("https://s3.tradingview.com/tv.js", function(){
                new TradingView.widget(
                {
                    "width": 980,
                    "height": 610,
                    "symbol": "NASDAQ:AAPL",
                    "interval": "D",
                    "timezone": "Etc/UTC",
                    "theme": "light",
                    "style": "1",
                    "locale": "de_DE",
                    "toolbar_bg": "#f1f3f6",
                    "enable_publishing": false,
                    "allow_symbol_change": true,
                    "container_id": "tradingview_55ddc"
                }
                );
            });
        </script>
    </div>
    <!-- TradingView Widget END -->
    
    B Offline
    B Offline
    bug77
    schrieb am zuletzt editiert von
    #8

    @oliverio

    Ich habe das Widget wie gesagt erfolgreich eingefügt bekommen.

    Nun wollte ich ein weiteres, dieses funktioniert mit deiner Methode überhaupt nicht, vis hängt auch komisch auf, könntest du das auch noch optimieren?

    klick

    OliverIOO 1 Antwort Letzte Antwort
    0
    • B bug77

      @oliverio

      Ich habe das Widget wie gesagt erfolgreich eingefügt bekommen.

      Nun wollte ich ein weiteres, dieses funktioniert mit deiner Methode überhaupt nicht, vis hängt auch komisch auf, könntest du das auch noch optimieren?

      klick

      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      schrieb am zuletzt editiert von
      #9

      @bug77

      irgendwie fehlt hier die aufrufbare funktion bzw. das wie die parameter an die funktionen übergeben werden.

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      B 1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

        @bug77

        irgendwie fehlt hier die aufrufbare funktion bzw. das wie die parameter an die funktionen übergeben werden.

        B Offline
        B Offline
        bug77
        schrieb am zuletzt editiert von
        #10

        @oliverio komisch, dann ist das ein bug von denen oder liegts am iobroker?

        OliverIOO 1 Antwort Letzte Antwort
        0
        • B bug77

          @oliverio komisch, dann ist das ein bug von denen oder liegts am iobroker?

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          schrieb am zuletzt editiert von
          #11

          @bug77
          ein Fehler von denen. die Parameter schweben da frei in der Luft, ohne das es in eine variable gespeichert oder an eine Funktion übergeben wird.

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          NWHN 1 Antwort Letzte Antwort
          0
          • OliverIOO OliverIO

            @bug77
            ein Fehler von denen. die Parameter schweben da frei in der Luft, ohne das es in eine variable gespeichert oder an eine Funktion übergeben wird.

            NWHN Offline
            NWHN Offline
            NWH
            schrieb am zuletzt editiert von
            #12

            @oliverio Ich habe das gleiche Problem wie oben beschrieben, eigentlich hätte ich "getScript eingetragen aber in der Vis wird es nicht angezeigt. Was habe ich da übersehen?

            <!-- TradingView Widget BEGIN -->
            <div class="tradingview-widget-container">
              <div id="tradingview_c83d5"></div>
              <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/DOTUSDT/?exchange=BINANCE" rel="noopener" target="_blank"><span class="blue-text">DOTUSDT Chart</span></a> von TradingView</div>
              <$.getScript type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
              <script type="text/javascript">
              new TradingView.widget(
              {
              "width": 800,
              "height": 510,
              "symbol": "BINANCE:DOTUSDT",
              "interval": "D",
              "timezone": "Etc/UTC",
              "theme": "dark",
              "style": "1",
              "locale": "de_DE",
              "toolbar_bg": "#f1f3f6",
              "enable_publishing": false,
              "allow_symbol_change": true,
              "save_image": false,
              "container_id": "tradingview_c83d5"
            }
              );
              </script>
            </div>
            <!-- TradingView Widget END -->
            

            In der Vis sieht es dann so aus :disappointed:
            Versteckt sich links oben...

            3b2ae29c-bfa5-4cd0-b3b8-8327f97d7ec3-image.png

            OliverIOO 1 Antwort Letzte Antwort
            0
            • NWHN NWH

              @oliverio Ich habe das gleiche Problem wie oben beschrieben, eigentlich hätte ich "getScript eingetragen aber in der Vis wird es nicht angezeigt. Was habe ich da übersehen?

              <!-- TradingView Widget BEGIN -->
              <div class="tradingview-widget-container">
                <div id="tradingview_c83d5"></div>
                <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/DOTUSDT/?exchange=BINANCE" rel="noopener" target="_blank"><span class="blue-text">DOTUSDT Chart</span></a> von TradingView</div>
                <$.getScript type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                <script type="text/javascript">
                new TradingView.widget(
                {
                "width": 800,
                "height": 510,
                "symbol": "BINANCE:DOTUSDT",
                "interval": "D",
                "timezone": "Etc/UTC",
                "theme": "dark",
                "style": "1",
                "locale": "de_DE",
                "toolbar_bg": "#f1f3f6",
                "enable_publishing": false,
                "allow_symbol_change": true,
                "save_image": false,
                "container_id": "tradingview_c83d5"
              }
                );
                </script>
              </div>
              <!-- TradingView Widget END -->
              

              In der Vis sieht es dann so aus :disappointed:
              Versteckt sich links oben...

              3b2ae29c-bfa5-4cd0-b3b8-8327f97d7ec3-image.png

              OliverIOO Offline
              OliverIOO Offline
              OliverIO
              schrieb am zuletzt editiert von
              #13

              @nwh sagte in HTML Widget im Editor sichtbar, in VIS nicht:

              @oliverio Ich habe das gleiche Problem wie oben beschrieben, eigentlich hätte ich "getScript eingetragen aber in der Vis wird es nicht angezeigt. Was habe ich da übersehen?

              <!-- TradingView Widget BEGIN -->
              <div class="tradingview-widget-container">
                <div id="tradingview_c83d5"></div>
                <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/DOTUSDT/?exchange=BINANCE" rel="noopener" target="_blank"><span class="blue-text">DOTUSDT Chart</span></a> von TradingView</div>
                <$.getScript type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                <script type="text/javascript">
                new TradingView.widget(
                {
                "width": 800,
                "height": 510,
                "symbol": "BINANCE:DOTUSDT",
                "interval": "D",
                "timezone": "Etc/UTC",
                "theme": "dark",
                "style": "1",
                "locale": "de_DE",
                "toolbar_bg": "#f1f3f6",
                "enable_publishing": false,
                "allow_symbol_change": true,
                "save_image": false,
                "container_id": "tradingview_c83d5"
              }
                );
                </script>
              </div>
              <!-- TradingView Widget END -->
              

              In der Vis sieht es dann so aus :disappointed:
              Versteckt sich links oben...

              3b2ae29c-bfa5-4cd0-b3b8-8327f97d7ec3-image.png

              Der Script Tag steht an der falschen stelle. Vergleiche nochmal mit oben

              Meine Adapter und Widgets
              TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
              Links im Profil

              NWHN 1 Antwort Letzte Antwort
              0
              • OliverIOO OliverIO

                @nwh sagte in HTML Widget im Editor sichtbar, in VIS nicht:

                @oliverio Ich habe das gleiche Problem wie oben beschrieben, eigentlich hätte ich "getScript eingetragen aber in der Vis wird es nicht angezeigt. Was habe ich da übersehen?

                <!-- TradingView Widget BEGIN -->
                <div class="tradingview-widget-container">
                  <div id="tradingview_c83d5"></div>
                  <div class="tradingview-widget-copyright"><a href="https://de.tradingview.com/symbols/DOTUSDT/?exchange=BINANCE" rel="noopener" target="_blank"><span class="blue-text">DOTUSDT Chart</span></a> von TradingView</div>
                  <$.getScript type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                  <script type="text/javascript">
                  new TradingView.widget(
                  {
                  "width": 800,
                  "height": 510,
                  "symbol": "BINANCE:DOTUSDT",
                  "interval": "D",
                  "timezone": "Etc/UTC",
                  "theme": "dark",
                  "style": "1",
                  "locale": "de_DE",
                  "toolbar_bg": "#f1f3f6",
                  "enable_publishing": false,
                  "allow_symbol_change": true,
                  "save_image": false,
                  "container_id": "tradingview_c83d5"
                }
                  );
                  </script>
                </div>
                <!-- TradingView Widget END -->
                

                In der Vis sieht es dann so aus :disappointed:
                Versteckt sich links oben...

                3b2ae29c-bfa5-4cd0-b3b8-8327f97d7ec3-image.png

                Der Script Tag steht an der falschen stelle. Vergleiche nochmal mit oben

                NWHN Offline
                NWHN Offline
                NWH
                schrieb am zuletzt editiert von
                #14

                @oliverio Danke, jetzt funktioniert es :+1:

                NWHN 1 Antwort Letzte Antwort
                0
                • NWHN NWH

                  @oliverio Danke, jetzt funktioniert es :+1:

                  NWHN Offline
                  NWHN Offline
                  NWH
                  schrieb am zuletzt editiert von
                  #15

                  @nwh Jetzt hätte ich nochmals ein Frage, wie kann ich diese Widget einbinden?
                  --> Link

                  Geht das auch mit dem Html Widget?

                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • NWHN NWH

                    @nwh Jetzt hätte ich nochmals ein Frage, wie kann ich diese Widget einbinden?
                    --> Link

                    Geht das auch mit dem Html Widget?

                    OliverIOO Offline
                    OliverIOO Offline
                    OliverIO
                    schrieb am zuletzt editiert von
                    #16

                    @nwh

                    gleiches Problem wie von bug geschrieben.
                    ich bekomme das nicht ans laufen.
                    Lustig ist auch, das die selber das so nicht machen.

                    Meine Adapter und Widgets
                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                    Links im Profil

                    NWHN 1 Antwort Letzte Antwort
                    0
                    • OliverIOO OliverIO

                      @nwh

                      gleiches Problem wie von bug geschrieben.
                      ich bekomme das nicht ans laufen.
                      Lustig ist auch, das die selber das so nicht machen.

                      NWHN Offline
                      NWHN Offline
                      NWH
                      schrieb am zuletzt editiert von
                      #17

                      @oliverio danke fürs schauen, ist schade das Widget nicht Out of the Box funktionieren.
                      Leider kenne ich mich damit zu wenig aus, dass ich das editieren könnte damit es funktioniert.

                      1 Antwort Letzte Antwort
                      0
                      • B Offline
                        B Offline
                        bug77
                        schrieb am zuletzt editiert von
                        #18

                        schön das noch mehr Interesse daran haben wie ich.
                        Immerhin funktioniert ja nun das standart widget.

                        Ich hätte gerne noch dieses, aber ich bekomme es einfach nicht zum laufen :-( klick

                        Falls jemand sich damit auskennt, wäre ich und auch bestimmt andere sehr dankbar....

                        T 1 Antwort Letzte Antwort
                        0
                        • B bug77

                          schön das noch mehr Interesse daran haben wie ich.
                          Immerhin funktioniert ja nun das standart widget.

                          Ich hätte gerne noch dieses, aber ich bekomme es einfach nicht zum laufen :-( klick

                          Falls jemand sich damit auskennt, wäre ich und auch bestimmt andere sehr dankbar....

                          T Offline
                          T Offline
                          tobi19
                          schrieb am zuletzt editiert von
                          #19

                          Hallo,
                          auf der Suche danach, warum mein HLML Widget in VIS nicht angezeigt wird, bin ich wohl hier fündig geworden und hänge mich mal an.
                          Ich verstehe nun den Grund, kann die Änderung aber selbst nicht umsetzen. Vielleicht kann mir jemand helfen.


                          <div id="openweathermap-widget-11"></div>
                          <script src='//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/d3.min.js'></script><script>window.myWidgetParam ? window.myWidgetParam : window.myWidgetParam = []; window.myWidgetParam.push({id: 11,cityid: '2925177',appid: '100861b3b9d61c3fb420ba92e89eea6f',units: 'metric',containerid: 'openweathermap-widget-11', }); (function() {var script = document.createElement('script');script.async = true;script.charset = "utf-8";script.src = "//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/weather-widget-generator.js";var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(script, s); })();</script>

                          Danke

                          da_WoodyD 1 Antwort Letzte Antwort
                          0
                          • T tobi19

                            Hallo,
                            auf der Suche danach, warum mein HLML Widget in VIS nicht angezeigt wird, bin ich wohl hier fündig geworden und hänge mich mal an.
                            Ich verstehe nun den Grund, kann die Änderung aber selbst nicht umsetzen. Vielleicht kann mir jemand helfen.


                            <div id="openweathermap-widget-11"></div>
                            <script src='//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/d3.min.js'></script><script>window.myWidgetParam ? window.myWidgetParam : window.myWidgetParam = []; window.myWidgetParam.push({id: 11,cityid: '2925177',appid: '100861b3b9d61c3fb420ba92e89eea6f',units: 'metric',containerid: 'openweathermap-widget-11', }); (function() {var script = document.createElement('script');script.async = true;script.charset = "utf-8";script.src = "//openweathermap.org/themes/openweathermap/assets/vendor/owm/js/weather-widget-generator.js";var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(script, s); })();</script>

                            Danke

                            da_WoodyD Offline
                            da_WoodyD Offline
                            da_Woody
                            schrieb am zuletzt editiert von
                            #20

                            @tobi19 sagte in HTML Widget im Editor sichtbar, in VIS nicht:

                            warum mein HLML Widget in VIS nicht angezeigt wird

                            der z-index vllt?

                            gruß vom Woody
                            HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                            T 1 Antwort Letzte Antwort
                            0
                            • da_WoodyD da_Woody

                              @tobi19 sagte in HTML Widget im Editor sichtbar, in VIS nicht:

                              warum mein HLML Widget in VIS nicht angezeigt wird

                              der z-index vllt?

                              T Offline
                              T Offline
                              tobi19
                              schrieb am zuletzt editiert von
                              #21

                              @da_woody
                              Nein, ich denke die Erklärung von oliverio passt:
                              @oliverio sagte in HTML Widget im Editor sichtbar, in VIS nicht:

                              @da_woody @bug77
                              Zur Erklärung. Im originalcode gab es eine Zeile, die mit <script begonnen hat.
                              über diese Zeile wurde sozusagen die Hauptsoftware geladen. Daran hat es gelegen, das die nicht geladen werden konnte.
                              Diese Software wird nun über den Befehl getScript geladen.
                              du solltest dann nur noch im Konfigurationsbereich was ändern, der ist unverändert.

                              Daher suche ich jemanden, der mir hilft den HTML Code umzuschreiben. Ich habe davon leider keine Ahnung.

                              1 Antwort Letzte Antwort
                              0
                              Antworten
                              • In einem neuen Thema antworten
                              Anmelden zum Antworten
                              • Älteste zuerst
                              • Neuste zuerst
                              • Meiste Stimmen


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              764

                              Online

                              32.5k

                              Benutzer

                              81.7k

                              Themen

                              1.3m

                              Beiträge
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Anmelden

                              • Du hast noch kein Konto? Registrieren

                              • Anmelden oder registrieren, um zu suchen
                              • Erster Beitrag
                                Letzter Beitrag
                              0
                              • Home
                              • Aktuell
                              • Tags
                              • Ungelesen 0
                              • Kategorien
                              • Unreplied
                              • Beliebt
                              • GitHub
                              • Docu
                              • Hilfe