PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Nouveauté WINDEV et WINDEV Mobile 26 !
  • Présentation du Champ d'affichage HTML
  • Créer un Champ d'affichage HTML
  • Caractéristiques du Champ d'affichage HTML
  • Options de l'onglet "Général"
  • Options de l'onglet "Détail"
  • Conditions d'utilisation pour le mode ActiveX
  • Option "Autoriser le zoom" (onglet "UI' de la fenêtre de description)
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget iOSApple WatchCatalystUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation du Champ d'affichage HTML
Le Champ d'affichage HTML permet d'afficher une page Web dans une application. Ainsi, en une ligne de code, sans utiliser de navigateur externe, vos applications WINDEV et WINDEV Mobile peuvent afficher une page d'un site.
Créer un Champ d'affichage HTML
Pour créer un Champ d'affichage HTML :
  1. Sous le volet "Création", dans le groupe "Autres champs", déroulez "HTML" et sélectionnez "Affichage HTML".
  2. Cliquez dans la fenêtre à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Caractéristiques du Champ d'affichage HTML

Options de l'onglet "Général"

L'onglet "Général" de la fenêtre de description du champ permet de saisir directement du code HTML ou l'adresse de la page HTML à afficher.
Remarque : Si du code HTML est saisi, ce code doit obligatoirement être compris entre les balises <HTML> et </HTML>.

Options de l'onglet "Détail"

L'onglet "Détail" de la fenêtre de description du champ propose les options suivantes :
  • Interdit l'exécution des scripts JavaScript :
    Cette option permet d'interdire (ou d'autoriser) l'exécution des scripts appelés depuis le code HTML du champ.
    iPhone/iPad Cette option n'est pas prise en compte : l'exécution des scripts est toujours autorisée.
    Si cette option est décochée, il est possible :
    • d'exécuter du code Javascript dans le contexte de la page Web affichée par le Champ d'affichage HTML. Il suffit pour cela d'utiliser la fonction ExécuteJS.
    • d'autoriser l'exécution de procédures WLangage depuis le code Javascript via l'option "Autoriser l'appel de WLangage depuis le code HTML (fonction JavaScript WL.Execute)".
      Si cette option est sélectionnée, dans le code du HTML du champ, il suffit d'utiliser WL.Execute pour exécuter une procédure WLangage. La syntaxe à utiliser est la suivante :
      WL.Execute(<Nom procédure WLangage>, <Paramètre>)
      où :
      • <Nom procédure WLangage> correspond au nom de la procédure à exécuter.
        ATTENTION : La procédure WLangage doit obligatoirement attendre un et un seul paramètre.
      • <Paramètre> correspond à une chaîne de caractères à passer à la procédure. Ce paramètre est obligatoire.
      Exemple :
      • Procédure WLangage
        PROCÉDURE ProcFromJS(t)
        ToastAffiche("Appelé depuis le JS : " + t)
      • Code du champ HTML :
        s est chaîne = [
        <html>
        <head>
        <title> Un exemple simple
        </title>
        <script>
        function myFunction()
        {
        WL.Execute("ProcFromJS","titaa");
        }
        </script>
        </head>
        <body>
        <h1> Voici une page HTML </h1>
        <p id="demo">Un paragraphe</p>
        <button type="button" onclick="myFunction()">Essayer</button>
        </body>
        </html>
        ]
        HTM_SansNom1 = s
  • Utiliser l'ActiveX IE/Edge pour afficher le contenu (compatibilité) : Cette option permet d'utiliser le Champ d'affichage HTML via l'ActiveX d'Internet Explorer. Il est alors possible de sélectionner le moteur de rendu voulu.

Conditions d'utilisation pour le mode ActiveX

Attention : Pour utiliser un Champ d'affichage HTML :
  • WINDEV dans une application WINDEV, il est nécessaire d'installer Internet Explorer 4 ou supérieure (version 11 conseillée) sur le poste de développement et sur le poste de déploiement de l'application. Le Champ d'affichage HTML de WINDEV est en mode Internet Explorer 7.
    Pour afficher des pages WEBDEV dans ce champ, les pages WEBDEV doivent être générées en mode HTML + Edge.
  • AndroidiPhone/iPad dans une application en mode simulateur, il est nécessaire d'installer Internet Explorer 4 ou supérieure (version 11 conseillée) sur le poste de développement.
  • Versions 21 et supérieures
    iPhone/iPad dans une application iOS 9.0 (et supérieur), il est nécessaire de respecter les options de sécurité. Par défaut, le Champ d'affichage HTML permet d'accéder uniquement aux sites utilisant une connexion HTTPS respectant les préconisations de la société Apple. Pour accéder à d'autres sites (HTTP par exemple), il est nécessaire soit de fournir la liste des domaines correspondants, soit de désactiver la sécurité pour tous les domaines. Ces manipulations sont faites dans l'assistant de création d'une application iOS. Pour plus de détails, consultez Générer une application iOS.
    Nouveauté 21
    iPhone/iPad dans une application iOS 9.0 (et supérieur), il est nécessaire de respecter les options de sécurité. Par défaut, le Champ d'affichage HTML permet d'accéder uniquement aux sites utilisant une connexion HTTPS respectant les préconisations de la société Apple. Pour accéder à d'autres sites (HTTP par exemple), il est nécessaire soit de fournir la liste des domaines correspondants, soit de désactiver la sécurité pour tous les domaines. Ces manipulations sont faites dans l'assistant de création d'une application iOS. Pour plus de détails, consultez Générer une application iOS.
    iPhone/iPad dans une application iOS 9.0 (et supérieur), il est nécessaire de respecter les options de sécurité. Par défaut, le Champ d'affichage HTML permet d'accéder uniquement aux sites utilisant une connexion HTTPS respectant les préconisations de la société Apple. Pour accéder à d'autres sites (HTTP par exemple), il est nécessaire soit de fournir la liste des domaines correspondants, soit de désactiver la sécurité pour tous les domaines. Ces manipulations sont faites dans l'assistant de création d'une application iOS. Pour plus de détails, consultez Générer une application iOS.
AndroidiPhone/iPad

Option "Autoriser le zoom" (onglet "UI' de la fenêtre de description)

L'option "Autoriser le zoom" :
  • permet à l'utilisateur de modifier le zoom en écartant/resserrant les doigts.
  • Android affiche des boutons de zoom.
Android Pour jouer des vidéos HTML 5 dans un champ d'affichage HTML :
  1. Cochez l'option "Autoriser l'exécution des scripts" (onglet "Général" de la fenêtre de description du champ).
  2. Activez l'accélération matériel sur la fenêtre. Pour cela, il faut éditer le manifeste de l'application.
    • Dans l'assistant de génération, affichez l'étape "Configuration".
    • Cliquez sur "Configuration avancée".
    • Cliquer sur "Editer le manifeste".
    • Déroulez le noeud "application".
    • Sélectionnez le noeud "activity" correspondant à la fenêtre contenant le champ HTML.
    • Ajoutez un attribut à ce noeud en lui donnant comme nom "android:hardwareAccelerated" et comme valeur "true".
    • Validez les modifications
    • Terminez l'assistant.
Version minimum requise
  • Version 26
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire