Tutorial: visualización de contenidos web

Requisito: Una visualización está abierta en un CODESYS proyecto. los Caja de herramientas de visualización y Propiedades las vistas de la visualización también están abiertas.

1. Arrastra el Navegador web elemento desde Controles especiales al editor de visualización.

2. Seleccione el elemento en el editor.

   En el Propiedades vista, las propiedades del elemento se enumeran para el Navegador web elemento.

3. En el Posición propiedad, especifique el tamaño (en píxeles) de la Ancho y el Altura (ejemplo: 600).

4. En Variables de control → URL propiedad, especifique la URL del sitio web (ejemplo: 'http://en.wikipedia.org').

   También puede especificar una variable aquí (STRING o WSTRING) donde la URL está asignada en el proyecto.

5. En el Variables de control → Pantalla propiedad, especifique una variable booleana (ejemplo: bSetURL).

   Si la variable bSetURL tiene el valor TRUE, entonces el sitio web 'http://en.wikipedia.org' se muestra en tiempo de ejecución.

Requisito: El elemento Navegador web de su visualización está configurado como se describe anteriormente.

1. En una POU, declarar ambas variables booleanas bGoBack y bGoForward.

2. En el editor de visualización, haga clic en el navegador web.

3. Para el Variables del controlador → Atrás propiedad, seleccione el bGoBack variable del Asistente de entrada. Para el Variables de control → Adelante propiedad, seleccione bGoForward.variable.

4. En Controles generales, añade el Botón elemento a su visualización dos veces.

5. Haga clic en un Botón en el editor de visualización y arrastre el Botón a la posición deseada (por ejemplo, encima de la Navegador web elemento).

6. En el Textos → Texto propiedad, especifique el > personaje. En el Propiedades del texto → Fuente propiedad, seleccione una fuente en el Asistente de entrada (ejemplo: Arial, Bold, 14).

7. Configure el Configuración de entrada → OnMouseClick propiedad para que el bGoForward la variable está alternada.

8. Configure el segundo botón para la navegación hacia atrás de la misma manera que se describe en los pasos 5 a 7.

   Si la variable bSetURL tiene el valor TRUE, luego el sitio web 'http://en.wikipedia.org' se muestra con los botones de avance y retroceso. Haga clic en los botones para ir a las siguientes páginas web.