dl-breadcrumbs__homedl-breadcrumb-item__separatorKonfiguration und Programmierungdl-breadcrumb-item__separatorProgrammieren mit CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorTutorialdl-breadcrumb-item__separatorWebinhalte darstellen
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Webinhalte darstellendl-permalink__symbolPermanentlink
Eine Website in der Visualisierung anzeigen

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.

Vor- und Rückwärtsnavigation für die Website über Schaltflächen konfigurieren

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. Wenn Sie auf die Schaltflächen klicken, wird zur vorigigen bzw. nächsten Webseite navigiert.