Tutorial: Webinhalte darstellen

Voraussetzung: Eine Visualisierung in einem CODESYS-Projekt ist geöffnet. Die Ansichten Visualisierungswerkzeuge und Eigenschaften der Visualisierung sind ebenfalls geöffnet.

1. Ziehen Sie das Element Webbrowser aus Spezielle Steuerelemente in den Visualisierungseditor.

2. Klicken Sie auf das Element im Editor.

   In der Ansicht Eigenschaften sind die Elementeigenschaften des Elements Webbrowser aufgelistet.

3. Geben Sie in den Eigenschaften Position für die Breite und die Höhe die Größe in Pixel ein, beispielsweise 600.

4. Geben Sie in Steuervariablen → URL die URL für die Website ein, zum Beispiel 'http://de.wikipedia.org'.

   Hier können Sie auch eine Variable (STRING oder WSTRING) angeben, der im Projekt die URL zugewiesen wird.

5. Geben Sie in Steuervariablen → Anzeigen eine boolesche Variable ein, zum Beispiel bSetURL.

   Wenn die Variable bSetURL den Wert TRUE hat, wird die Website 'http://de.wikipedia.org' zur Laufzeit angezeigt.

Voraussetzung: Das Element Webbrowser Ihrer Visualisierung ist wie oben beschrieben konfiguriert.

1. Deklarieren Sie in einer POU die beiden booleschen Variablen bGoBack und bGoForward.

2. Klicken Sie im Visualisierungseditor auf den Webbrowser.

3. Wählen Sie für die Eigenschaft Steuervariablen → Zurück die Variable bGoBack aus der Eingabehilfe aus, für Steuervariablen → Zurück die Variable bGoForward.

4. Fügen Sie aus Allgemeine Steuerelemente zweimal das Element Schaltfläche Ihrer Visualisierung hinzu.

5. Klicken Sie auf eine Schaltfläche im Visualisierungseditor und ziehen Sie die Schaltfläche an die gewünschte Position, zum Beispiel oberhalb des Elements Webbrowser.

6. Geben Sie in der Eigenschaft Texte → Text das Zeichen > ein und wählen Sie in Texteigenschaften → Schriftart eine gewünschte Schriftart über die Eingabehilfe aus, zum Beispiel Arial, Fett, 14.

7. Konfigurieren Sie die Eigenschaft Eingabekonfiguration → OnMouseClick so, dass die Variable bGoForward umschaltet.

8. Konfigurieren Sie die zweite Schaltfläche als Rückwärtsnavigations-Schaltfläche analog zu den Schritten 5 bis 7.

   Wenn die Variable bSetURL den Wert TRUE hat, werden die Website 'http://de.wikipedia.org' und die Schaltflächen zur Vor- und Rückwärtsnavigation angezeigt. Klicken Sie auf die Schaltflächen, um zu den nächsten Webseiten zu navigieren.