Recent changes to Getting started

Getting started modified by marci4

marci4 — Fri, 12 Jun 2020 09:40:54 -0000

--- v5
+++ v6
@@ -12,3 +12,20 @@

 [[img src=ProjectSettings.PNG width=50%]]
 Then download the changes to the PLC.
+
+Next we have to get started on our website which switches between different webvisualizations.
+
+Therefore use the provided files [test.html](https://forge.codesys.com/u/marci4/wvdetection/code/ci/master/tree/test.html?format=raw) and [wvdetection.js](https://forge.codesys.com/u/marci4/wvdetection/code/ci/master/tree/wvdetection.js?format=raw).
+
+Look for the function onBodyLoad(). 
+It contains the constructor and some required methods.
+~~~
+const wvDetection = new WVDetection("frame");
+wvDetection.setWebvisuUrls(["http://localhost:8080/webvisu.htm", "http://localhost:8081/webvisu.htm"]);
+wvDetection.start();
+~~~
+
+The constructor requires the id of the iframe, which should be switched.
+This argument is required.
+The method setWebvisuUrls() allows you to set a number of urls, but at least two are required.
+The method start() will start the detection. It has an optional parameter timeout, which will default to 5000, and will be used as number of milliseconds to wait for a message from the webvisualization.

Getting started modified by marci4

marci4 — Fri, 12 Jun 2020 09:33:57 -0000

--- v4
+++ v5
@@ -1,6 +1,7 @@
 This is a small tutorial on how to use this project.

 [[download url="https://forge.codesys.com/u/marci4/wvdetection/wiki/Getting%20started/attachment/VisuElemWVDetection.package"]]
+
 First download this package and install it.
 *The package will require CODESYS 3.5 SP16.*

Getting started modified by marci4

marci4 — Fri, 12 Jun 2020 09:33:33 -0000

--- v3
+++ v4
@@ -1,9 +1,10 @@
 This is a small tutorial on how to use this project.

+[[download url="https://forge.codesys.com/u/marci4/wvdetection/wiki/Getting%20started/attachment/VisuElemWVDetection.package"]]
 First download this package and install it.
 *The package will require CODESYS 3.5 SP16.*

-[[download url="https://forge.codesys.com/u/marci4/wvdetection/wiki/Getting%20started/attachment/VisuElemWVDetection.package"]]
+

 It will add a visualization element required for the detection of the webvisu state.
 This element contains some javascript code, which will forward any log messages from the webvisu to its referenced iframe.

Getting started modified by marci4

marci4 — Fri, 12 Jun 2020 09:33:08 -0000

--- v2
+++ v3
@@ -2,6 +2,7 @@

 First download this package and install it.
 *The package will require CODESYS 3.5 SP16.*
+
 [[download url="https://forge.codesys.com/u/marci4/wvdetection/wiki/Getting%20started/attachment/VisuElemWVDetection.package"]]

 It will add a visualization element required for the detection of the webvisu state.

Getting started modified by marci4

marci4 — Fri, 12 Jun 2020 09:32:48 -0000

--- v1
+++ v2
@@ -2,9 +2,10 @@

 First download this package and install it.
 *The package will require CODESYS 3.5 SP16.*
+[[download url="https://forge.codesys.com/u/marci4/wvdetection/wiki/Getting%20started/attachment/VisuElemWVDetection.package"]]

 It will add a visualization element required for the detection of the webvisu state.
 This element contains some javascript code, which will forward any log messages from the webvisu to its referenced iframe.

-
+[[img src=ProjectSettings.PNG width=50%]]
 Then download the changes to the PLC.

Getting started modified by marci4

marci4 — Fri, 12 Jun 2020 09:31:10 -0000

This is a small tutorial on how to use this project.

First download this package and install it.
The package will require CODESYS 3.5 SP16.

It will add a visualization element required for the detection of the webvisu state.
This element contains some javascript code, which will forward any log messages from the webvisu to its referenced iframe.

Then download the changes to the PLC.