Android Question WebViewExtras1.ExecuteJavascript(js) not work! Why?

[cenyu]

Hi friends, i have some trobles with WebViewExtras1 ver 2.20.
I have a web page login.html and jsfunction setHtml but when run this code:

    html = File.ReadString(File.DirAssets , "login.html")
    html = html.Replace("__TC_APP_TITLE__","Time Controller")
       
    WebView1.Initialize("WebView1")
    Activity.AddView(WebView1, 0, 0, 100%x, 100%y)
    WebView1.JavaScriptEnabled = True
    WebView1.ZoomEnabled=False
    WebViewExtras1.Initialize(WebView1)
    'add the B4A javascript interface to the WebView
    WebViewExtras1.addJavascriptInterface(WebView1, "B4A")
    WebSettings.setDefaultTextEncodingName(WebView1,"utf-8")
   
   
    WebViewExtras1.LoadHtml(html)
     
   
    Dim js As String
    js = $"B4A.CallSub(setHTML('appVersion','1.0.0.2'))"$
    WebViewExtras1.ExecuteJavascript(js)

setHtml is not starting.
Where i am wrong?

My javascript function is simple:

<script>
     function setHTML(elementId, val){
       alert(val);
       document.getElementById(elementId).innerHTML  = val;
    }

    </script>

 

[alwaysbusy]

You declared a JavaScript function, but where are you calling it? I would suspect it should look something like this:

<script>
     function setHTML(elementId, val){
       alert(val);
       document.getElementById(elementId).innerHTML  = val;
    }
    setHTML('someID', '<div>some HTML</div>');
    </script>

 

[gem67]

hi
looks like theres minor syntax error when you call java script func:

Dim js As String
js = $"B4A.CallSub('setHTML', 'appVersion', '1.0.0.2')"$
WebViewExtras1.ExecuteJavascript(js)


this suppose that b4a 'setHtml' takes two parameters i.e parameterid and val. Pass this code
thanks

 

[aeric]

setHTML

I think this should be a B4X function.

 

[cenyu]

May be:

    Dim js As String
    js = $"setHTML('appVersion','1.0.0.2')"$
    WebViewExtras1.ExecuteJavascript(js)

setHTML is JS function into html. How to start setHTML from B4A code?

 

[aeric]

Check this example

WebViewExtras Examples for beginners

I noticed a lot of beginners are confused about how to use the WebViewExtras library so I made a detailed example. If you find it useful, kindly consider buying me a coffee. Code works on Android 4.4 to Android 13 (last tested version). It should work for the latest Android versions but I...

www.b4x.com

edit: I tested the example works with WebViewExtra v1.42 but the JavaScript buttons click (Webview to B4A) does not work on WebViewExtras2 v2.20

 

[drgottjr]

May be:

[CODE=b4x]sub webview.pagefinished(url as string)
    Dim js As String
    js = $"setHTML('appVersion','1.0.0.2')"$
    WebViewExtras1.ExecuteJavascript(js)

end sub[/CODE]

setHTML is JS function into html. How to start setHTML from B4A code?

you run your code within webview's PageFinished (Url As String) sub. you have to wait until the page loads.

sub webview_pagefinished(url as string)
    Dim js As String
    js = $"setHTML('appVersion','1.0.0.2')"$
    WebViewExtras1.ExecuteJavascript(js)
end sub

B4A.CallSub() is for raising an event in b4a from the webpage. ExecuteJavascript() is the opposite

 

[cenyu]

Thank you guys!

​

 

[FrostCodes]

Check this example

WebViewExtras Examples for beginners

I noticed a lot of beginners are confused about how to use the WebViewExtras library so I made a detailed example. If you find it useful, kindly consider buying me a coffee. Code works on Android 4.4 to Android 13 (last tested version). It should work for the latest Android versions but I...

www.b4x.com

edit: I tested the example works with WebViewExtra v1.42 but the JavaScript buttons click (Webview to B4A) does not work on WebViewExtras2 v2.20

hmmmn I would update the example soon, I have one that works with the latest WebviewExtras. The change required is just a little different.

 

[aeric]

hmmmn I would update the example soon, I have one that works with the latest WebviewExtras. The change required is just a little different.

I seldom use webview (+webbviewextras) but I want to buy you a coffee with the new update.

 

[FrostCodes]

I seldom use webview (+webbviewextras) but I want to buy you a coffee with the new update.

Thanks, I added the example for WebviewExtras2.
Check here for it.

Webview can be awesome if you learn to use it the right way, I love it as I can move my app to the web with little changes and still have it work for Android.

 

[aeric]

Thanks, I added the example for WebviewExtras2.
Check here for it.

Webview can be awesome if you learn to use it the right way, I love it as I can move my app to the web with little changes and still have it work for Android.

Thanks. I'll check it later.