Javascript function is not getting called in android webview

Question

I'm making an app which runs in android webview. I'm facing a strange issue, My JavaScript function is not getting called on <a></a> onClick method.

Here is my html and JavaScript code:

<html>

<script type="text/javascript" src="http://blue.xxxxxxxx.com/xxxxx/site/js/jquery.js"></script>
<script>
function openFileDialog()
{
    //$("#file").click();   
    alert("Test");
}
</script>
<body>

<form action="upload_file.php" method="post"
enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="Submit">
</form>


<a href="javascript:;" onclick="openFileDialog();">Shujaat</a>
</body>
</html>

and here is my whole java webviews code.

package com.example.findozerapp;

import my.functions.MyFunctions;
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.webkit.WebSettings.ZoomDensity;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
Context context = MainActivity.this;
Activity activity = MainActivity.this;

WebView webView;
MyFunctions myFunctions;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    myFunctions = new MyFunctions(activity);
    webView = (WebView) findViewById(R.id.webView1);

    configureWebview();

}

@Override
protected void onStart() {
    // TODO Auto-generated method stub
    super.onStart();

    webView.loadUrl("http://www.xxxxxxx.com/qadir/");

}

private void configureWebview() {

    webView.setPadding(0, 0, 0, 0);
    webView.setInitialScale(myFunctions.setWebViewScale());
    webView.getSettings().setDefaultZoom(ZoomDensity.FAR);
    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
    webView.getSettings().setBuiltInZoomControls(true);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.getSettings().setUseWideViewPort(true);
    webView.getSettings().setCacheMode(MODE_APPEND);

    webView.setWebViewClient(new MyWebViewClient());

}

private class MyWebViewClient extends WebViewClient {

    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        // TODO Auto-generated method stub
        super.onPageStarted(view, url, favicon);
    }

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // TODO Auto-generated method stub
        return super.shouldOverrideUrlLoading(view, url);
    }

    @Override
    public void onPageFinished(WebView view, String url) {
        // TODO Auto-generated method stub
        super.onPageFinished(view, url);
    }
}

 }

Notice I have enable javascript in my webview.

but its not calling my javascript function openFileDialog().

and one thing more. Whenever I load my this webpage in default android browser its working perfectly. Where i have did wrong. Please check my webview's settings.

have you tried without javascript:;? Maybe there is some security block on webview — Luca Rainone
– Luca Rainone, Commented Nov 8, 2013 at 8:28

J-L · Accepted Answer · 2013-11-08 08:13:04Z

3

If you've set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface annotation to any method that you want available your web page code (the method must also be public). If you do not provide the annotation, then the method will not accessible by your web page when running on Android 4.2 or higher.

answered Nov 8, 2013 at 8:13

J-L

893 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Qadir Hussain Over a year ago

Im not getting you, where should I add JavascriptInterface annotation?

J-L Over a year ago

check this out:developer.android.com/reference/android/webkit/…

Ali · Accepted Answer · 2013-11-08 09:30:45Z

0

Change this:

<a href="javascript:;" onclick="openFileDialog();">Shujaat</a>

To:

<a href="javascript:void(0)" onclick="openFileDialog()">Shujaat</a>

answered Nov 8, 2013 at 9:30

Ali

5,1314 gold badges29 silver badges45 bronze badges

2 Comments

Ali Over a year ago

then this is not the problem, you must have anything else that is causing the issue, place an alert at the start of your javascript function openFileDialog() this will give you a clue whether your function is being called or not. And still doen't work then try to catch the bug in console view of your firebug extension.

Qadir Hussain Over a year ago

Yes I have tested it in Mozila , chrome, and my android default browser, its working perfectly. but in android webview controll its not getting invoked

mperezale · Accepted Answer · 2013-11-08 09:53:36Z

0

Try this:

In your java code (before webView.setWebViewClient(new MyWebViewClient());:

webView.setWebChromeClient(new WebChromeClient());

In your HTML code:

<a href="javascript:openFileDialog()">Shujaat</a>

answered Nov 8, 2013 at 9:53

mperezale

113 bronze badges

Comments

Prasad · Accepted Answer · 2015-07-08 11:11:30Z

0

Try by setting the Chrome client to webview and Override the onJsAlert method in the Chrome client like below.

            webView.setWebChromeClient(new WebChromeClient() {
                @Override
                public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                    return super.onJsAlert(view, url, message, result);
                }
            });

answered Jul 8, 2015 at 11:11

Prasad

3,5871 gold badge25 silver badges29 bronze badges

Collectives™ on Stack Overflow

Javascript function is not getting called in android webview

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related