How to pass Data From Javascript To Android WebView in this case?

Question

@Override
protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    Main();

}
public void Main()
{
    _linearLayout = new LinearLayout(this);
    _webview = new WebView(this);
    _linearLayout.addView(_webview, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
    setContentView(_linearLayout);

    _webview.getSettings().setJavaScriptEnabled(true);
    _webview.getSettings().setPluginsEnabled(true);
    _webview.getSettings().setAllowFileAccess(true);

    _webview.setWebChromeClient(new WebChromeClient());
    _webview.addJavascriptInterface(this, "Question");
    _webview.loadData(GetHTML(), "text/html", "utf-8");


}

public String GetHTML()
{   
    String HTML = ""
        + "<HTML>"
        + "<HEAD>"
        + "<TITLE>Radio Button onClick Handler</TITLE>"
        + "<SCRIPT LANGUAGE=\"JavaScript\">"
        +"function function1(colors) {" 
        +"var col = (colors.options[colors.selectedIndex].value);"
        +" if (col) {"
        +"  document.bgColor = col;"

        +"   } "
        +"</script>"
        + "</HEAD>"
        + "<BODY>"
        +"<form>"
        +"<b> Hello </b>"
        //+"<select name=\"colors\" onChange=\"window.Question.function1(this);\">"
        +"<select name=\"colors\" onChange=\"window.Question.OnJsClick_SelectedItem(' string value');\">"
           +"<option value=\"white\" selected>White</option>"
           + "<option value=\"cyan\">Cyan</option>"
           + "<option value=\"ivory\">Ivory</option>"
           + "<option id=\"myO\" value=\"blue\">Blue</option>"

        +"</select>"
        +"</form>"
        + "</BODY>"
        + "</HTML>";

    return HTML;
}

public void OnJsClick_SelectedItem(final String str)
{
    mHandler.post(new Runnable()
    {
        //@Override
        public void run()
        {
            getValue(str);
        }
    });
}

public String getValue(String str)
{
    _webview.loadUrl("javascript:function1(colors)");
    Toast.makeText(this, "Under getValue " + str, Toast.LENGTH_SHORT).show();
    return str;

}
}

Please help me out.

you should accept answers to your questions if you've found them to be useful(See there is a tick there)and also use upvotes. It will help you get more answers. — Rishabh
– Rishabh, Commented Jun 15, 2011 at 11:48

Rishabh · Accepted Answer · 2011-06-15 12:02:39Z

You can store the code as a HTML page in assets folder and use the load URL method to the webview to show the webpage.

mWebView.loadUrl("file:///android_asset/index.html");

Edits according to the comment

Enabling JavaScript

 WebView webView = (WebView) findViewById(R.id.webview);
    WebSettings webSettings = myWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webView.addJavascriptInterface(new JavaScriptInterface(this), "Android");

here's some HTML and JavaScript that creates a toast message using the new interface when the user clicks a button

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
    function showAndroidToast(toast) {
        Android.showToast(toast);
    }
</script>

Add this in your Java code

public class JavaScriptInterface {
    Context mContext;

    /** Instantiate the interface and set the context */
    JavaScriptInterface(Context c) {
        mContext = c;
    }

    /** Show a toast from the web page */
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

That's fine I can load HTML Page from asset folder and load via loadURL. Here my problem is I want to get the selected value of combo box inside Toast.Suppose user select ivory color then my toast print ivory selected. Can u help me please?? @Rishabh
I am able to load HTML inside webview but I want to pass the selected value (combo box selected value written in javascript) to java code
try the editted code out it will enable integrating java code into javascript, HTML. And accept if it works
Just call a function in the javascript and pass the value to it .

Michael · Accepted Answer · 2011-06-15 12:00:54Z

2

You should use something like this:

<select name="colors"
    onChange="Question.OnJsClick_SelectedItem(this.options[this.selectedIndex].text)">

answered Jun 15, 2011 at 12:00

Michael

54.8k22 gold badges139 silver badges142 bronze badges

Collectives™ on Stack Overflow

How to pass Data From Javascript To Android WebView in this case?

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related