PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview
  • Control in a window, in a report, or in a static or dynamic page
  • Creating an HTML control
  • Creating an HTML control in a window
  • Creating an HTML control in a report
  • Creating an HTML control in a report
  • Window control: Characteristics
  • Options of "General" tab
  • Use conditions
  • Managing local images
  • "Allow the zoom" option
  • "Allow the zoom" option
  • Report control: Characteristics
  • Description window and programming
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview

Control in a window, in a report, or in a static or dynamic page

Versions 16 and later
Android The HTML controls are now available for the Android applications.
Universal Windows 10 App The HTML controls are now available for the Windows Phone applications.
New in version 16
Android The HTML controls are now available for the Android applications.
Universal Windows 10 App The HTML controls are now available for the Windows Phone applications.
Android The HTML controls are now available for the Android applications.
Universal Windows 10 App The HTML controls are now available for the Windows Phone applications.
Versions 17 and later
iPhone/iPad The HTML controls are now available for the iPhone/iPad applications.
New in version 17
iPhone/iPad The HTML controls are now available for the iPhone/iPad applications.
iPhone/iPad The HTML controls are now available for the iPhone/iPad applications.
Versions 18 and later
Universal Windows 10 App The HTML controls are now available for the applications in Windows Store apps mode.
New in version 18
Universal Windows 10 App The HTML controls are now available for the applications in Windows Store apps mode.
Universal Windows 10 App The HTML controls are now available for the applications in Windows Store apps mode.
The HTML control can be used:
  • AndroidiPhone/iPadUniversal Windows 10 App In a window.
    The HTML control of a window is used to display an HTML page.
Creating an HTML control
To create an HTML control:
  1. In the window or page editor, click HTML icon (or select "Insert .. Control .. HTML control").
  2. Click the position where the control will be created in the window or page. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
AndroidiPhone/iPadUniversal Windows 10 App

Creating an HTML control in a window

To create an HTML control in a window:
  1. On the "Creation" pane, in the "Other controls" group, click "HTML".
  2. Click the position where the control will be created in the window. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
AndroidiPhone/iPadUniversal Windows 10 App
Window control: Characteristics

Options of "General" tab

The "General" tab found in the description window of control is used to:
  • type HTML code or the address of HTML page to display.
    Note: If HTML code is typed, this code must necessarily be found between the <HTML> and </HTML> tags.
  • AndroidiPhone/iPad allow the execution of scripts. This option is used to allow the execution of scripts called from the HTML code of control.
    iPhone/iPad This option is ignored: the execution of scripts is always allowed.
    Versions 23 and later
    If this option is checked, you also have the ability to:
    • run Javascript code in the context of Web page displayed by the HTML control. To do so, use ExecuteJS.
    • allow the execution of WLanguage procedures from the Javascript code via the option "Allow the WLanguage call from the HTML code (JavaScript WL.Execute function)".
      If this option is selected, in the HTML code of control, all you have to do is use WL.Execute to run a WLanguage procedure. The following syntax must be used:
      WL.Execute(<Name of WLanguage Procedure>, <Parameter>)
      where:
      • <Name of WLanguage procedure> corresponds to the name of procedure to run.
        CAUTION: The WLanguage procedure must necessarily expect a single parameter.
      • <Parameter> corresponds to a character string that will be passed to the procedure. This parameter is mandatory.
      Example:
      • WLanguage procedure
        PROCEDURE ProcFromJS(t)
        ToastDisplay("Called from JS: " + t)
      • Code of HTML control:
        s is string = [
        <html>
        <head>
        <title> A simple example
        </title>
        <script>
        function myFunction()
        {
        WL.Execute("ProcFromJS","titaa");
        }
        </script>
        </head>
        <body>
        <h1> This is an HTML page </h1>
        <p id="demo">A paragraph</p>
        <button type="button" onclick="myFunction()">Try</button>
        </body>
        </html>
        ]
        HTM_NoName1 = s
    New in version 23
    If this option is checked, you also have the ability to:
    • run Javascript code in the context of Web page displayed by the HTML control. To do so, use ExecuteJS.
    • allow the execution of WLanguage procedures from the Javascript code via the option "Allow the WLanguage call from the HTML code (JavaScript WL.Execute function)".
      If this option is selected, in the HTML code of control, all you have to do is use WL.Execute to run a WLanguage procedure. The following syntax must be used:
      WL.Execute(<Name of WLanguage Procedure>, <Parameter>)
      where:
      • <Name of WLanguage procedure> corresponds to the name of procedure to run.
        CAUTION: The WLanguage procedure must necessarily expect a single parameter.
      • <Parameter> corresponds to a character string that will be passed to the procedure. This parameter is mandatory.
      Example:
      • WLanguage procedure
        PROCEDURE ProcFromJS(t)
        ToastDisplay("Called from JS: " + t)
      • Code of HTML control:
        s is string = [
        <html>
        <head>
        <title> A simple example
        </title>
        <script>
        function myFunction()
        {
        WL.Execute("ProcFromJS","titaa");
        }
        </script>
        </head>
        <body>
        <h1> This is an HTML page </h1>
        <p id="demo">A paragraph</p>
        <button type="button" onclick="myFunction()">Try</button>
        </body>
        </html>
        ]
        HTM_NoName1 = s
    If this option is checked, you also have the ability to:
    • run Javascript code in the context of Web page displayed by the HTML control. To do so, use ExecuteJS.
    • allow the execution of WLanguage procedures from the Javascript code via the option "Allow the WLanguage call from the HTML code (JavaScript WL.Execute function)".
      If this option is selected, in the HTML code of control, all you have to do is use WL.Execute to run a WLanguage procedure. The following syntax must be used:
      WL.Execute(<Name of WLanguage Procedure>, <Parameter>)
      where:
      • <Name of WLanguage procedure> corresponds to the name of procedure to run.
        CAUTION: The WLanguage procedure must necessarily expect a single parameter.
      • <Parameter> corresponds to a character string that will be passed to the procedure. This parameter is mandatory.
      Example:
      • WLanguage procedure
        PROCEDURE ProcFromJS(t)
        ToastDisplay("Called from JS: " + t)
      • Code of HTML control:
        s is string = [
        <html>
        <head>
        <title> A simple example
        </title>
        <script>
        function myFunction()
        {
        WL.Execute("ProcFromJS","titaa");
        }
        </script>
        </head>
        <body>
        <h1> This is an HTML page </h1>
        <p id="demo">A paragraph</p>
        <button type="button" onclick="myFunction()">Try</button>
        </body>
        </html>
        ]
        HTM_NoName1 = s
    AndroidiPhone/iPad forbid the execution of scripts. This option is used to allow (or forbid) the execution of scripts called from the HTML code of control.
    iPhone/iPad This option is ignored: the execution of scripts is always allowed.
    Versions 23 and later
    If this option is unchecked, you can:
    • run Javascript code in the context of Web page displayed by the HTML control. To do so, use ExecuteJS.
    • allow the execution of WLanguage procedures from the Javascript code via the option "Allow the WLanguage call from the HTML code (JavaScript WL.Execute function)".
      If this option is selected, in the HTML code of control, all you have to do is use WL.Execute to run a WLanguage procedure. The following syntax must be used:
      WL.Execute(<Name of WLanguage Procedure>, <Parameter>)
      where:
      • <Name of WLanguage procedure> corresponds to the name of procedure to run.
        CAUTION: The WLanguage procedure must necessarily expect a single parameter.
      • <Parameter> corresponds to a character string that will be passed to the procedure. This parameter is mandatory.
      Example:
      • WLanguage procedure
        PROCEDURE ProcFromJS(t)
        ToastDisplay("Called from JS: " + t)
      • Code of HTML control:
        s is string = [
        <html>
        <head>
        <title> A simple example
        </title>
        <script>
        function myFunction()
        {
        WL.Execute("ProcFromJS","titaa");
        }
        </script>
        </head>
        <body>
        <h1> This is an HTML page </h1>
        <p id="demo">A paragraph</p>
        <button type="button" onclick="myFunction()">Try</button>
        </body>
        </html>
        ]
        HTM_NoName1 = s
    New in version 23
    If this option is unchecked, you can:
    • run Javascript code in the context of Web page displayed by the HTML control. To do so, use ExecuteJS.
    • allow the execution of WLanguage procedures from the Javascript code via the option "Allow the WLanguage call from the HTML code (JavaScript WL.Execute function)".
      If this option is selected, in the HTML code of control, all you have to do is use WL.Execute to run a WLanguage procedure. The following syntax must be used:
      WL.Execute(<Name of WLanguage Procedure>, <Parameter>)
      where:
      • <Name of WLanguage procedure> corresponds to the name of procedure to run.
        CAUTION: The WLanguage procedure must necessarily expect a single parameter.
      • <Parameter> corresponds to a character string that will be passed to the procedure. This parameter is mandatory.
      Example:
      • WLanguage procedure
        PROCEDURE ProcFromJS(t)
        ToastDisplay("Called from JS: " + t)
      • Code of HTML control:
        s is string = [
        <html>
        <head>
        <title> A simple example
        </title>
        <script>
        function myFunction()
        {
        WL.Execute("ProcFromJS","titaa");
        }
        </script>
        </head>
        <body>
        <h1> This is an HTML page </h1>
        <p id="demo">A paragraph</p>
        <button type="button" onclick="myFunction()">Try</button>
        </body>
        </html>
        ]
        HTM_NoName1 = s
    If this option is unchecked, you can:
    • run Javascript code in the context of Web page displayed by the HTML control. To do so, use ExecuteJS.
    • allow the execution of WLanguage procedures from the Javascript code via the option "Allow the WLanguage call from the HTML code (JavaScript WL.Execute function)".
      If this option is selected, in the HTML code of control, all you have to do is use WL.Execute to run a WLanguage procedure. The following syntax must be used:
      WL.Execute(<Name of WLanguage Procedure>, <Parameter>)
      where:
      • <Name of WLanguage procedure> corresponds to the name of procedure to run.
        CAUTION: The WLanguage procedure must necessarily expect a single parameter.
      • <Parameter> corresponds to a character string that will be passed to the procedure. This parameter is mandatory.
      Example:
      • WLanguage procedure
        PROCEDURE ProcFromJS(t)
        ToastDisplay("Called from JS: " + t)
      • Code of HTML control:
        s is string = [
        <html>
        <head>
        <title> A simple example
        </title>
        <script>
        function myFunction()
        {
        WL.Execute("ProcFromJS","titaa");
        }
        </script>
        </head>
        <body>
        <h1> This is an HTML page </h1>
        <p id="demo">A paragraph</p>
        <button type="button" onclick="myFunction()">Try</button>
        </body>
        </html>
        ]
        HTM_NoName1 = s

Use conditions

Caution: To use an HTML control:
  • AndroidiPhone/iPadUniversal Windows 10 App in an application in simulator mode, Internet Explorer 4 or later (version 11 recommended) must be installed on the development computer.
  • Versions 21 and later
    iPhone/iPad in an iOS 9.0 application (and later), you must respect the security options. By default, the HTML control can only access the sites that use an HTTPS connection complying with the Apple recommendations. To access other sites (HTTP for example), you must either provide the list of corresponding domains, or disable the security for all the domains. These operations are performed in the wizard for creating an iOS application. See Generating an iOS application for more details.
    New in version 21
    iPhone/iPad in an iOS 9.0 application (and later), you must respect the security options. By default, the HTML control can only access the sites that use an HTTPS connection complying with the Apple recommendations. To access other sites (HTTP for example), you must either provide the list of corresponding domains, or disable the security for all the domains. These operations are performed in the wizard for creating an iOS application. See Generating an iOS application for more details.
    iPhone/iPad in an iOS 9.0 application (and later), you must respect the security options. By default, the HTML control can only access the sites that use an HTTPS connection complying with the Apple recommendations. To access other sites (HTTP for example), you must either provide the list of corresponding domains, or disable the security for all the domains. These operations are performed in the wizard for creating an iOS application. See Generating an iOS application for more details.
Versions 23 and later
iPhone/iPad

Managing local images

When going to version 23, the local images found in an HTML control may not be displayed anymore. Indeed, for security reasons, loading local images found in the "Documents" directory is not allowed. We recommend that you use fTempDir rather than fResourceDir.
New in version 23
iPhone/iPad

Managing local images

When going to version 23, the local images found in an HTML control may not be displayed anymore. Indeed, for security reasons, loading local images found in the "Documents" directory is not allowed. We recommend that you use fTempDir rather than fResourceDir.
iPhone/iPad

Managing local images

When going to version 23, the local images found in an HTML control may not be displayed anymore. Indeed, for security reasons, loading local images found in the "Documents" directory is not allowed. We recommend that you use fTempDir rather than fResourceDir.
Versions 17 and later
Android

"Allow the zoom" option

The option "Allow the zoom" ("GUI" tab in the description window of control) allows the user to use the zoom options in the HTML control.
New in version 17
Android

"Allow the zoom" option

The option "Allow the zoom" ("GUI" tab in the description window of control) allows the user to use the zoom options in the HTML control.
Android

"Allow the zoom" option

The option "Allow the zoom" ("GUI" tab in the description window of control) allows the user to use the zoom options in the HTML control.
AndroidiPhone/iPad

"Allow the zoom" option

The option "Allow the zoom" ("GUI" tab in the control description window):
  • allows the user to modify the zoom by moving his fingers.
  • Android displays the zoom buttons.
Android To play HTML 5 videos in an HTML control:
  1. Check "Allow the execution of scripts" ("General" tab in the description window of control).
  2. Enable the device acceleration on the window. To do so, you must edit the manifest of the application.
    • In the generation wizard, display the "Configuration" step.
    • Click "Advanced configuration".
    • Click "Edit the manifest".
    • Expand the "application" node.
    • Select the "activity" node corresponding to the window containing the HTML control.
    • Add an attribute to this node while specifying "android:hardwareAccelerated" as name and "true" as value.
    • Validate the modifications
    • End the wizard.
Related Examples:
The HTML control Unit examples (WINDEV): The HTML control
[ + ] Using an HTML control
HTMLClass property Unit examples (WEBDEV): HTMLClass property
[ + ] The property ..HTMLClass allows you to read and update the control's HTML attribute "class".
This property lets you select the CSS Style applied on the control.
WM HTML Dialog Cross-platform examples (WINDEV Mobile): WM HTML Dialog
[ + ] This example explains how to dialog with an HTML control.
It is using the WLanguage "ExecuteJS" function and the Javascript "WL.Execute" function.
Minimum version required
  • Version 9
This page is also available for…
Comments
Control HTML = Control View PDF
Did you know that the HTML control allows you to view various types of files like JPG, PNG, GIF, PDF and many other types? Well, it is possible to visualize different types of files, just inform the HTML control to open the file via programming code containing the PATH of the file.

==== CONTROL HTML OPEN PDF ====

Você sabia que o controle HTML permite visualizar diversos tipos de arquivos como JPG, PNG, GIF, PDF e muitos outros tipos? Pois bem, é possível SIM visualizar diferentes tipos de arquivos, basta informar para o controle HTML para abrir o arquivo via código de programação contendo o PATH do arquivo.

URL_FILE IS STRING = "c:\temp\pedido.pdf"

or

URL_FILE IS STRING = "http://mysite.com/pedido.pdf"

CONTROL_HTML_PEDIDOS = URL_FILE

OK
BOLLER
26 Jun. 2019
Video Pesquisa google
https://youtu.be/zN2jRmYPUhA

https://windevdesenvolvimento.blogspot.com/2019/06/dicas-2141-windev-webdev-mobile.html

// BTN_PESQUISA_GOOGLE
sPESQUISA is string="https://www.google.co.in/search?q="+EDT_Site
HTM_SITE=sPESQUISA
amarildo
05 Jun. 2019
Video Html WebDev
https://youtu.be/EWW9_urMBWQ
amarildo
28 Dec. 2018
Video Html WINDEV
https://youtu.be/RJHDt5BpOhA
amarildo
28 Dec. 2018
Video Html Windev Mobile
https://youtu.be/bKPR1UdsYxU
amarildo
28 Dec. 2018