Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

Generieren des iFrame-Codeblocks

  • Last UpdatedOct 07, 2024
  • 1 minute read

Sie können den <iframe>-Block für ein Symbol direkt im Webbrowser generieren. Sie können diesen Codeblock dann in einer externen Website verwenden, um zur Laufzeit Industriegrafiken anzuzeigen.

  1. Navigieren Sie zu der Grafik.

  2. Wählen Sie das Symbol Freigeben aus Share icon.

  3. Geben Sie im Feld Referenzobjekt das Referenzobjekt für diese Grafik an.

  4. Die Liste der unterstützten benutzerdefinierten Eigenschaften wird angezeigt. Wählen Sie eine benutzerdefinierte Eigenschaft aus und geben Sie einen Wert an.

    Alle angegebenen Werte werden auf ihren Datentyp überprüft. Wenn für eine benutzerdefinierte Eigenschaft beispielsweise ein ganzzahliger Wert erforderlich ist, können Sie keinen Zeichenwert eingeben.

  5. Wählen Sie Ursprungs-übergreifend unterstützen aus, um das Skript auf einem beliebigen Web Client zu verwenden, entweder auf dem lokalen oder dem entfernten Rechner.

    Der eingebettete HTML-Code ändert sich basierend auf den ausgewählten Optionen.

  6. Wählen Sie Kopieren aus.

  7. Sie können jetzt den generierten Code auf Ihrer Website in eine HTML-Datei einfügen.

    <iFrame src="http://<hostname>/InTouch/?iframe=true&symbol=Sym1?crossOrigin=1" id="symbol" width="640px" height="480px" customProperty='[{"n":"CP1","v":"True","t":1},{"n":"CP2","v":"24.5","t":6},{"n":"CP3","v":"Orange","t":7}]' onload="postMsg()"></iFrame>

    <script type="text/javascript">

    Funktion postMsg(){

    var iframe=document.getElementById('symbol');

    var obj={};

    for (var i=0;i<iframe.attributes.length;i++) {

    obj[iframe.attributes[i].nodeName]=iframe.attributes[i].nodeValue;

    }

    var win=iframe.contentWindow;

    win.postMessage(obj,obj['src']);

    };

    </script>

    If Language = Französisch (Frankreich)

    <iFrame src="http://<hostname>/InTouch/?localeid=1036&iframe=true&symbol=Sym1" id="symbol" width="640px" height="480px" onload="postMsg()"></iFrame>

    <script type="text/javascript">

    Funktion postMsg(){

    var iframe=document.getElementById('symbol');

    var obj={};

    for (var i=0;i<iframe.attributes.length;i++) {

    obj[iframe.attributes[i].nodeName]=iframe.attributes[i].nodeValue;

    }

    var win=iframe.contentWindow;

    win.postMessage(obj,'*');

    };

    </script>