Skip to main content

Tutoriel : Affichage de contenu Web

Affichage de sites Web dans une visualisation

Condition : une visualisation est ouverte dans un CODESYS projet. le Boîte à outils de visualisation et Propriétés les vues de la visualisation sont également ouvertes.

  1. Faites glisser le Navigateur Web élément de Contrôles spéciaux à l'éditeur de visualisation.

  2. Sélectionnez l'élément dans l'éditeur.

    Dans le Propriétés vue, les propriétés des éléments sont répertoriées pour la Navigateur Web élément.

  3. Dans le Position propriété, spécifiez la taille (en pixels) de la Largeur et le Hauteur (Exemple: 600).

  4. Dans Variables de contrôle → URL propriété, spécifiez l'URL du site Web (exemple : 'http://en.wikipedia.org').

    Vous pouvez également spécifier une variable ici (STRING ou WSTRING) où l'URL est attribuée dans le projet.

  5. Dans le Variables de contrôle → écran propriété, spécifiez une variable booléenne (exemple : bSetURL).

    Si la variable bSetURL a la valeur TRUE, puis le site 'http://en.wikipedia.org' s'affiche lors de l'exécution.

Configuration des boutons de navigation avant et arrière du site Web

Exigence : La Navigateur Web Un élément de votre visualisation est configuré comme décrit ci-dessus.

  1. Dans un POU, déclarer les deux variables booléennes bGoBack et bGoForward.

  2. Dans l'éditeur de visualisation, cliquez sur le Navigateur Web.

  3. Pour le Variables du contrôleur → Retour propriété, sélectionnez bGoBack variable depuis l'assistant de saisie. Pour le Variables de contrôle → Vers l'avant propriété, sélectionnez bGoForward.variable.

  4. Dans Commandes générales, ajouter le Bouton élément à votre visualisation deux fois.

  5. Cliquez sur un Bouton dans l'éditeur de visualisation et faites glisser le Bouton à la position requise (par exemple au-dessus du Navigateur Web élément).

  6. Dans le Textes → Texte propriété, spécifiez > personnage. Dans le Propriétés du texte → Fonte propriété, sélectionnez une police dans l'assistant de saisie (exemple : Arial, Bold, 14).

  7. Configurez le Configuration des entrées → OnMouseClick propriété afin que bGoForward la variable est basculée.

  8. Configurez le deuxième bouton pour la navigation arrière de la même manière que décrit dans les étapes 5 à 7.

    Si la variable bSetURL a la valeur TRUE, puis le site 'http://en.wikipedia.org' s'affiche à l'aide des boutons avant et arrière. Cliquez sur les boutons pour accéder aux pages Web suivantes.

Dans cette section​: