Android - Send javascript code to WebView's inside page

Question

I have a WebView in Form. And I am using this code.

WebView ww = (WebView)findViewById(R.id.webView);
WebSettings webSettings = ww.getSettings();
webSettings.setJavaScriptEnabled(true);
ww.loadUrl("http://www.youtube.com");

What I want is, when the page has finished loading, I want the my TextView value to be set on the search input box and start a search.

Firstly I think this code will work.

webView.loadUrl("javascript: {document.getElementsByID('masthead-search-term').value ='TEST1';};");

But when I use this code, I see only "TEST1" in all page.

Thanks for help from now!

Neerajlal K · Accepted Answer · 2016-10-02 09:23:07Z

1

I assume textView1 to be the TextView where your query is.

Try the following code,

// Load the query to the search input
String query = textView1.getText().toString();
webView.loadUrl("javascript: {document.getElementById('masthead-search-term').value ='" + query + "';};");

// For the click
webView.loadUrl("javascript: {document.getElementById('search-btn').click();};");

edited Oct 2, 2016 at 9:23

answered Oct 2, 2016 at 8:54

Neerajlal K

6,8263 gold badges26 silver badges34 bronze badges

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

Comments

O_o · Accepted Answer · 2016-10-02 08:40:11Z

0

webView.loadUrl("javascript: {document.getElementsByID('masthead-search').value ='TEST1';};");

I checked youtube's page and saw youtube's Search bar id is masthead-search. Secondly, If you run that it will just write TEST1 in Search bar.

I did not understand your question correctly, pardon me for that however, I guess you asked whether it is possible to click that search button.

webView.loadUrl("javascript: {document.getElementsByID('masthead-search').value ='TEST1'.click();};");

I am not 100% sure. It's a try and error method. Cheers!

answered Oct 2, 2016 at 8:40

O_o

1,10316 silver badges38 bronze badges

Comments

Kirill Bubochkin · Accepted Answer · 2016-10-02 09:07:48Z

0

Looks like browser inserts into document value, that was returned by javascript: code in search bar. To avoid that you can wrap your call into function, like this:

javascript:(function(){document.getElementById('masthead-search-term').value ='TEST1';document.getElementById('masthead-search').submit();})()

Also pay attention, that it's getElementById(), not getElementsByID()

P.S. It is worth noting that you can achieve the same effect by just redirecting user to https://www.youtube.com/results?search_query=test1 url.

answered Oct 2, 2016 at 9:07

Kirill Bubochkin

6,3832 gold badges35 silver badges55 bronze badges

Collectives™ on Stack Overflow

Android - Send javascript code to WebView's inside page

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related