チュートリアル：Webコンテンツの表示

要件：視覚化はで開かれています CODESYS 事業。 The 視覚化ツールボックス と プロパティ ビジュアライゼーションのビューも開いています。

1. をドラッグ ウェブブラウザ エレメントの起点 スペシャルコントロール ビジュアライゼーションエディターへ。

2. エディターで要素を選択します。

   の中に プロパティ ビューでは、要素のプロパティが一覧表示されます ウェブブラウザ エレメント。

3. の中に 位置 プロパティで、サイズ（ピクセル単位）を指定します 幅 そしてその 高さ （例： 600）。

4. で 制御変数 → URL プロパティ。Web サイトの URL を指定します (例: 'http://en.wikipedia.org')。

   ここで変数を指定することもできます (STRING または WSTRING) ここで URL はプロジェクト内で割り当てられます。

5. で 制御変数 → ディスプレイ プロパティで Boolean 変数を指定します (例: bSetURL)。

   変数の場合 bSetURL 値があります TRUE、次にWebサイト 'http://en.wikipedia.org' 実行時に表示されます。

要件:ザ・ Web ブラウザー ビジュアライゼーションの要素は上記のように構成されています。

1. POUで、両方のブール変数を宣言します bGoBack と bGoForward。

2. 視覚化エディタで、をクリックします ウェブブラウザ。

3. の場合 コントローラー変数 → 戻る プロパティを選択し、 bGoBack 入力アシスタントからの変数。 制御変数 → フォワード プロパティを選択し、 bGoForward. 変数。

4. の 一般的なコントロール、を追加します ボタン 視覚化の要素を2回。

5. クリックします ボタン 視覚化エディタで、をドラッグします ボタン 必要な位置に（たとえば、 ウェブブラウザ エレメント）。

6. で テキスト → テキスト プロパティ。以下を指定します。 > キャラクター。 テキストプロパティ → フォント プロパティで、入力アシスタントからフォントを選択します (例: Arial, Bold, 14)。

7. を設定します 入力設定 → OnMouseClick プロパティを使うと、 bGoForward 変数はトグルされます。

8. 手順5〜7で説明したのと同じ方法で、戻るナビゲーション用に2番目のボタンを構成します。

   変数の場合 bSetURL にはという値があります。 TRUEそして、ウェブサイト 'http://en.wikipedia.org' 進む] ボタンと [戻る] ボタンとともに表示されます。ボタンをクリックして次の Web ページに移動します。