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.
    • 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
                                      • T
                                        tobi19 @da_Woody last edited by

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

                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        783
                                        Online

                                        31.8k
                                        Users

                                        80.0k
                                        Topics

                                        1.3m
                                        Posts

                                        5
                                        21
                                        1364
                                        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