Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. HTML Widget im Editor sichtbar, in VIS nicht

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    HTML Widget im Editor sichtbar, in VIS nicht

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      bug77 last edited by bug77

      Hallo zusammen,

      ich habe einen komischen Fehler.
      Ich binde per HTML Widget einen Code ein von Tradingview (Klick und im Editor wird der Chart auch angezeigt.
      Aber in der VIS erscheint nichts. Ist das ein Fehler?

      Bei anderen Widgets von Tradingview geht weder Editor noch VIS.

      Kann das jemand bestätigen oder liegt es an mir?

      OliverIO 1 Reply Last reply Reply Quote 0
      • OliverIO
        OliverIO @bug77 last edited by

        @bug77
        schau mal in der browser console mit F12 nach einem Fehler

        B 1 Reply Last reply Reply Quote 0
        • B
          bug77 @OliverIO last edited by

          @oliverio danke für deine Antwort.

          Habe es mir angeschaut mit F12.
          Aber sorry das ist mir zu hoch, es kommen ein paar Fehler rein, aber weiß nicht ob es darauf bezogen ist.

          Kann das jemand testen ob das html Script funktioniert?

          OliverIO 1 Reply Last reply Reply Quote 0
          • OliverIO
            OliverIO @bug77 last edited by

            @bug77

            kein Fehler

            48002e18-3945-4ee7-a701-452b99e58465-image.png

            da_Woody 1 Reply Last reply Reply Quote 0
            • da_Woody
              da_Woody @OliverIO last edited by

              @oliverio öhm,

              (Klick und im Editor wird der Chart auch angezeigt.
              Aber in der VIS erscheint nichts.
              
              OliverIO 1 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO @da_Woody last edited by 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 1 Reply Last reply Reply Quote 1
                • B
                  bug77 last edited by

                  vielen Dank, es funktioniert.

                  1 Reply Last reply Reply Quote 0
                  • B
                    bug77 @OliverIO last edited by

                    @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

                    OliverIO 1 Reply Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @bug77 last edited by

                      @bug77

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

                      B 1 Reply Last reply Reply Quote 0
                      • B
                        bug77 @OliverIO last edited by

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

                        OliverIO 1 Reply Last reply Reply Quote 0
                        • OliverIO
                          OliverIO @bug77 last edited by

                          @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.

                          NWH 1 Reply Last reply Reply Quote 0
                          • NWH
                            NWH @OliverIO last edited by

                            @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 😞
                            Versteckt sich links oben...

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

                            OliverIO 1 Reply Last reply Reply Quote 0
                            • OliverIO
                              OliverIO @NWH last edited by

                              @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 😞
                              Versteckt sich links oben...

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

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

                              NWH 1 Reply Last reply Reply Quote 0
                              • NWH
                                NWH @OliverIO last edited by

                                @oliverio Danke, jetzt funktioniert es 👍

                                NWH 1 Reply Last reply Reply Quote 0
                                • NWH
                                  NWH @NWH last edited by

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

                                  Geht das auch mit dem Html Widget?

                                  OliverIO 1 Reply Last reply Reply Quote 0
                                  • OliverIO
                                    OliverIO @NWH last edited by

                                    @nwh

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

                                    NWH 1 Reply Last reply Reply Quote 0
                                    • NWH
                                      NWH @OliverIO last edited by

                                      @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 Reply Last reply Reply Quote 0
                                      • B
                                        bug77 last edited by

                                        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 Reply Last reply Reply Quote 0
                                        • T
                                          tobi19 @bug77 last edited by

                                          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_Woody 1 Reply Last reply Reply Quote 0
                                          • da_Woody
                                            da_Woody @tobi19 last edited by

                                            @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 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            563
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            5
                                            21
                                            1367
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo