Skalieren / einbinden von einer externen Webseite

Hi, Community,

wieder eine neue Aufgabe bzw. wahrscheinlich was einfaches - wenn ich meine Solarlog Seite im Webfront
mit einem IFrame einbinde - ist es möglich die Seite der HTML-Box anzupassen ?? ich meine auf die Box zu
verkleinern ? oder vll. jemand einen Idee wie ich das anstellen kann ?

Gruß aus Bayern
My :o

Ist es, einfach height und width setzen.

Ich denke er möchte die Komplette Seite im dem IFrame sehen ohne zu Scrollen.
Du könntest es hiermir versuchen:

<iframe src=„http://test.de“ width=„600“ height=„400“ style=„zoom: 0.75; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; -o-transform: scale(0.75); -o-transform-origin: 0 0; -webkit-transform: scale(0.75); -webkit-transform-origin: 0 0;“></iframe>

Hier wird der Inhalt der seite (Theoretisch, ich habe es noch nicht getestet) auf 75% der Originalgröße geladen.
Scrollbalken nach unten wirst du nicht vermeiden können, aber Horizontal schon.

Gruss,
Andi

Danke für das letzte Post … bisserl abgeändert und gut.

Gruß und nochmals Dank dir…

My

Moin…

… wäre schön wenn Du die Änderungen mit uns teilen würdest.
Dann fängt der nächste nicht auch wieder bei Null an.
Gruß,
Peter

Sent from my iPhone using Tapatalk

Hallo, Guten Morgen,

danke für die Anregung - aber das Ändern bezog sich auf die I-Net Adresse und
auf die Skalierung im Ganzen. Also war am Befehl selbst nichts zu verändern.

Darum habe ich es auch so geschrieben - hätte es eine wirklich gavierende Abänderung
gegeben liegt es auch in meinem Interesse das weiterzugeben da ich ja auch sehr
dankbar gegenüber allen bin die auch mir mit ein paar Gedankenblitzen helfen.

Wünsch dir ein schönes Wochenende und auch allen anderen.

Gruß aus Bayern
My:D

Freut mich dir geholfen zu haben :slight_smile:

Habe es auch mal getestet. Es wird also nich nur der Inhalt des iFrames skaliert sondern der iFrame selber auch. Wenn man also auf 50% Skalliert sollte man die Doppelte Breite/Höhe beim iFrame nehmen (anstatt 600 z.B. 1200) damit der iFrame dennoch schön groß ist :slight_smile:

Hallo,
dank der SuFu bin ich auf dieses Beitrag gestoßen…

Aktuell befinde ich mich in den Anfängen von Symcon und „Arbeite“ etwas mit der Demo-Version…

Zunächst habe ich mir einen Seitenteiler erstellt.
Dann habe ich über die Funktion „Externe Seite“ die Webstream URL von meiner IP-Kamera eingegeben und schon konnte ich das Bild sehen.
Intervall zum testen auf 5sec. (ok, das ständige neuladen ist auch nicht schön, hier wäre eine stabiler webstream die bessere lösung, aber das wird ne neue baustelle)

Das gleiche habe ich dann noch mit einem Radarfilm aus dem www getestet
Soweit so gut…

Leider habe ich jetzt in jedem Feld diesen unschönen Scrollbalken in der Vertikalen…
Wie bekomme ich den weg?

Ich bin echt blutiger anfänger und hangel mich via youtube etc. entlang des Systems…
Ich habe hier etwas von /über iFrame gelesen…
HTML/PHP Kenntnisse habe ich eigentlich keine…

Wenn das die Lösung wäre, wo und wie müsste ich damit Arbeiten

freue mich auf Antworten
VG

Kannst Du mal einen Screenshot vom Webfront posten? Welche Webseite willst Du denn genau einbinden (URL) und in welcher Auflösung soll diese dargestellt werden?

Wenn Du die Webseite nicht direkt einbinden willst sondern mit einem iframe und Skalierung arbeiten willst kannst Du folgendes machen

[ul]
[li]Neue Variable erstellen vom Typ String und dieser Variable ein Variablenprofil ~HTMLBox zuweisen
[/li][li]Ein neues Skript erstellen, das zum beschreiben der Variable benutzt wird
[/li][li]Inhalt des Skripts erstellen
[/li][li]Skript einmal ausführen
[/li][/ul]

Inhalt des Skripts


$html = '<!DOCTYPE html><html><head><meta charset="utf-8" /><style>html{background:transparent;color:#000;font-family:sans-serif;padding:10px;}
    #wrap { width: 600px; height: 390px; padding: 0; overflow: hidden; }
    #frame { width: 800px; height: 520px; border: 1px solid black; }
    #frame {
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;
    }
</style></head><body>
<div id="wrap">
<iframe id="frame" src="http://<INTERNET SEITE URL>"></iframe>
</div>
</body></html>';
SetValue(12345, $html); // 12345 ist die Objekt ID der Variable

benutzt wird hier scale das den Inhalt skaliert, den Wert must Du dann entsprechend anpassen.

erstmal danke für die Antwort

anbei mal ein screenshot vom WF

dies ware mal eine der seiten wo die grafik sitzt
Radarfilm NW - Niederschlagsradar - Wetterdienst.de

anhang vergessen

habe das script mal erstellt…
wie bekommt man hinterher sie grafik im WF angezeigt?

Wie gehst Du da genau vor, ist das Links eine Grafik, die Du von der Webseite geholt hast und dann nur das Bild anzeigst, das ist ja ein gif. Oder versuchst Du links die gesamte Internetseite einzubinden und nicht nur die Grafik?

Grundsätzlich solltest Du immer Links nutzten. Die eigentlichen Geräte im Objektbaum sind also unabhängig von der Darstellung im Webfront. In der Kategorie die für den Webfront benutzt wird, werden ausschließlich Links gesetzt, in dem Fall auf die Variable vom Typ String mit dem Profil ~HTMLBox, das Du im Webfront anzeigen willst.

Genau richtig erkannt…
Ich möchte nur die Grafik, das Gif, einbinden…
Das hat ueber die Funktion seitenteiler->externe seite->URL
Auch sofort geklappt…
Nur ist da halt die Balken der stört…

Also erstelle ich mir zunächst eine Neue Unterkategorie in der Oberkategorie IP-Symcon, z.B externe wetterdaten
Hier Packe ich die HTML-Box Rein mit dem Skript

Unter der Kategorie Visualisierung-> z.b externes Wetter, Verlinke ich das dann einfach nur.

Wenn Du nicht eine gesamte Seite einbinden willst, sondern nur die Grafik, ist das noch einfacher bzw. besser individuell anzupassen in dem Du einfach ein img Tag nutzt, da kannst Du dann die Größe der Grafik einfach durch width und height in Pixel anpassen.

Du nutzt also wie schon beschreiben eine String Variable mit dem Variablenprofil ~HTMLBox und beschreibst den Inhalt der Variable einmalig mit einem Skript. Die Variable selber verlinst Du dann in die Kategorie der Webfrontansicht.

In Deinem Fall


<?php

$img_url = 'https://www.wetterdienst.de/maps/radar/Radarfilm_West.gif';

$html = '<img src="' . $img_url . '" alt="Radarfilm" width="350" height="350">';
SetValue(12345, $html); // 12345 Objekt ID der Variable vom Typ String Profil ~HTMLBox zur Anzeige

schonmal besten dank dafür…
werde das heute abend mal einspielen und testen

beste grüße

Das hängt am Schluss auch von der Lizenz ab die man dann nutzt. Bei der Basic kann man Kategorien ausblenden, die man nicht angezeigt haben will, da gibt es nur einen einzigen Webfront. Hier würde man also eine Kategorie nutzten, in der die Geräte liegen und diese dann für den Webfront ausblenden. Die eigentliche Ansicht liegt dann in einer sichtbaren Kategorie und in dieser Kategorie verlinkt man dann nur noch die Geräte, bzw. Informationen an die Stelle, an der man das angezeigt haben will. Ab der Professional Lizenz kannst Du mehrere Webfronts nutzten und für den Webfront auch die Kategorie festlegen. Da brauchst Du dann also keine Kategorie ausblenden, da ja individuell festgelegt wird, welche Kategorie als Webfront Basis dient, und der Inhalt angezeigt werden soll. Auch hier verlinkst Du dann in die Webfront Kategorie alles mit Links.
Wie man das letztlich sortiert, hat jeder andere Vorlieben, entweder nach Gewerk bzw. Funktion z.B. eine Kategorie AV Geräte, Information oder Licht und darunter dann die passenden Unterkategorien und Geräte. oder man sortiert das nach Standort also nach Stockwerk und Zimmer, damit man die Geräte besser findet. Man kann ja auch beides machen, nur sollte in einer Struktur eben die echten Geräte liegen und in der anderen Struktur dann eben nur Links.

In der Kategorie, die für die Webfront Ansicht dient, sollte man eigentlich nur Links auf die Quelle im Objektbaum nutzten, also so wie von Dir beschrieben. Dann sieht man auch nur das im Webfront was notwendig ist und an der Stelle wo man es will.