iFrame コードブロックを生成

シンボルの <iframe>ブロックを Web ブラウザから直接生成できます。その後、このコード ブロックを外部の Web サイトで使用して、ランタイム時に産業用グラフィックを表示できます。

1. グラフィックに移動します。

2. [ 共有 ] アイコン 選択します。

3. ［所有オブジェクト］フィールドで、このグラフィックの所有オブジェクトを指定します。

4. サポートされるカスタム プロパティのリストが表示されます。カスタム プロパティを選択して値を指定します。

   指定したすべての値は、データ型に対して検証されます。たとえば、カスタム プロパティで整数値が要求される場合、文字値を入力することはできません。

5. Web Client（ローカルまたはリモート マシン）上のスクリプトを使用する場合、［クロス オリジンをサポート］を選択します。

   埋め込まれた HTML コードは、選択したオプションに基づいて変更されます。

6. [ コピー] を選択します。

7. 生成されたコードを Web サイトの .html ファイルに貼り付けることができます。

   <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">

   関数 postMsg(){

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

   var ajax={};

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

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

   }

   var win=iframe.contentWindow;

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

   };

   </script>

   言語がフランス語（France）の場合

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

   <script type="text/javascript">

   関数 postMsg(){

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

   var ajax={};

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

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

   }

   var win=iframe.contentWindow;

   win.postMessage(dev,'*');

   };

   </script>