Tile: web Widget

[mivola]

Hallo,

ich nutze das Tile-Design und würde gerne das web Widget nutzen: https://www.cometvisu.org/CometVisu/...web/index.html

Wird das (aktuell noch) nicht in Tile unterstützt oder muss ich es anders definieren? So wie in meiner alten Config funktioniert es jedenfalls nicht, denn es wird dann einfach nichts angezeigt:

<web src="http://1.2.3.4:6333/openweathermap.html" height="224px" frameborder="false" refresh="600" scrolling="no" width="650px"/>
​

Danke und VG
Micha

[peuter]

Es gibt kein Web-Widget in Tile, aber in Tile ist alles HTML, das heißt Du kannst einfach ein <iframe> benutzen (https://www.w3schools.com/tags/tag_iframe.ASP).

Der IFrame unterstützt aber nicht alle Attribute des Web-Widgets, welche der unterstützt kannst Du unter dem Link oben sehen. Für die meisten fehlenden wird es entsprechende Workarounds mit CSS geben, nur das refresh-Feature gibt es nicht.

Eine kleine Besonderheit von IFrames in der Tile Struktur gibt es allerdings: Wenn man nicht möchte dass der Inhalt des IFrames bei Laden der Config mitgelanden wird, obwohl er noch gar nicht sichtbar ist (weil er z.B. auf einer Unterseite ist), dann setzt man die URL nicht im "src"-Attribut sondern im "data-src"-Attribute.
Im Hintergrund wird dann überwacht, wann der IFrame sichtbar wird und in dem Moment wird die URL von "data-src" nach "src" kopiert, was dann dazu führt das der Inhalt geladen wird.

[mivola]

Also das Einfügen per iframe funktioniert schonmal.

Allerdings ist gerade das refresh wichtig um nicht immer die komplette CV neu laden zu müssen wenn sich etwas an der eingebundenen Seite geändert hat. Sollte sowas nicht per (custom) Javascript funktionieren? Wie/wo müsste man das Javascript einbauen?

zB

  setInterval(function() {
    // Select all iframes
    Array.from(document.querySelectorAll('iframe')).forEach(function(iframe) {
      iframe.src += ''; // setting src will reload the iframe
    });
  }, 1000 * 60 * 10); // interval of 10 minutes​

[peuter]

Hier steht wie man eigenen Javascript Code lädt: https://www.cometvisu.org/CometVisu/...element-loader

[peuter]

Mit der 0.13.0-dev126 gibt es jetzt auch ein "cv-web"-Widget, also im Grund ein IFrame mit refresh Funktion: https://www.cometvisu.org/CometVisu/...dgets/web.html

[mivola]

Mit der 0.13.0-dev126 gibt es jetzt auch ein "cv-web"-Widget, also im Grund ein IFrame mit refresh Funktion: https://www.cometvisu.org/CometVisu/...dgets/web.html

Danke, funktioniert sehr gut!