CreateWebView

Hello World

Content:
- Methods

You can create a control to display local or remote web pages in your App using the CreateWebView method.

web = app.CreateWebView( width, height, options, zoom ) → app object: WebView

If you are loading remote web pages, then you might want to use the SetOnProgress method to set the name of a callback function that you want called to report the progress of loading the page.

You can use the LoadUrl method to load an internal or external web page or the LoadHtml method to load text directly from within your App.
web.LoadUrl( url, options );
web.LoadHtml( html, baseFolder, options );

If you need to, you can use the Execute method to execute JavaScript code within the WebView.
web.Execute( text );

Example - Remote click to expand contents

function OnStart()
{
    lay = app.CreateLayout( "linear", "VCenter,FillXY" );

     web = app.CreateWebView( 1, 1, "Progress" );
     web.SetOnProgress( web_OnProgess );
     lay.AddChild( web );

     app.AddLayout( lay );

     web.LoadUrl( "http:///www.google.com" );
}

function web_OnProgess( progress )
{
     app.Debug( "progress = " + progress );
}

Copy Copy All Run

Example - Local File click to expand contents

Copy Copy All Run

Example - Direct Html click to expand contents

function OnStart()
{
    lay = app.CreateLayout( "linear", "VCenter,FillXY" );

     web = app.CreateWebView( 0.8, 0.8 );
     web.SetBackColor( "#00000000" );
     lay.AddChild( web );

     app.AddLayout( lay );

    html = "<html><body><center>" +
        "    <img src='Img/Droid2.png'>" +
        "    <div style='color:white; font-size:30;'>" +
        "    Hello World!</div><br>" +
        "</center></body></html>";

     web.LoadHtml( html, "file:///Sys/" );
}

Copy Copy All Run