Input information into the website, click the designated button, and analyze the retrieved data

Question

Input information into the website, click the designated button, and analyze the retrieved data

I am looking to create a feature where users can input a vehicle number, retrieve the data, and display the vehicle details without using a webview. Currently, I have been successful in populating the data with the following code snippet:

webView = (WebView) findViewById(R.id.webView1);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("https://parivahan.gov.in/rcdlstatus/vahan/rcstatus.xhtml");
        webView.setWebViewClient(new WebViewClient() {
            public void onPageFinished(WebView view, String url) {
                String reg1="KA51X";
                String reg2="2442";
                 if(isFirstLoad) {
                     webView.loadUrl("javascript: {" +
                             "document.getElementById('convVeh_Form:tf_reg_no1').value = '" + reg1 + "';" +
                             "document.getElementById('convVeh_Form:tf_reg_no2').value = '" + reg2 + "';" +
                             "var frms = document.getElementsByName('convVeh_Form');" +
                             "frms[0].submit(); };");

                     isFirstLoad = false;
                 }
            }
        });

The website providing the data for this app can be accessed here:

Currently, I am attempting to trigger the submit button with the following lines of code:

 "frms[0].submit(); };");

as well as,

"javascript:(function(){document.getElementById('convVeh_Form:j_idt21').click();})()"

However, these commands are not producing the desired results. How can I successfully click the button identified by the Id

convVeh_Form:j_idt21

Once the button is clicked, the response from the website will be received. Is there a way to extract and display this response text within the app's textview?

javascript java android

Answer 1

Answer №1

It seems like there may be a different issue you are facing, as convVeh_Form:j_idt21 appears to be just a label (as of now). Have you tried using convVeh_Form:j_idt27 instead? It's possible that there have been changes made.

If you want to style your injected JavaScript and selector, consider using

document.querySelector('[id="convVeh_Form:j_idt27"]').click()

.

To avoid issues with the : character in CSS selectors, this approach can be helpful.

webView = (WebView) findViewById(R.id.webView1);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("https://parivahan.gov.in/rcdlstatus/vahan/rcstatus.xhtml");
webView.setWebViewClient(new WebViewClient() {
  public void onPageFinished(WebView view, String url) {
    String reg1 = "KA51X";
    String reg2 = "2442";
    if (isFirstLoad) {
      webView.loadUrl("javascript: {" +
        "document.getElementById('convVeh_Form:tf_reg_no1').value = '" + reg1 + "';" +
        "document.getElementById('convVeh_Form:tf_reg_no2').value = '" + reg2 + "';" +
        "document.querySelector('[id=\"convVeh_Form:j_idt27\"]').click(); };");

      isFirstLoad = false;
    }
  }
});

Alternatively, you could use button[type="submit"] as the selector if the button position remains constant. In this case, the specific Ids become less important. The other fields can be accessed using

document.querySelectorAll('input[type="text"]')[0]

and [1].

After submitting the form, the navigation will change, triggering an event that can be intercepted by subclassing the WebView. Check out this answer for guidance on handling such events.

private class HelloWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // ...
    }
}

You can use this event to detect the URL at the endpoint and then inject additional JavaScript to extract relevant information from the page. Feel free to reach out if you need further assistance.

Answer 2

It seems like there may be a different issue you are facing, as convVeh_Form:j_idt21 appears to be just a label (as of now). Have you tried using convVeh_Form:j_idt27 instead? It's possible that there have been changes made.

If you want to style your injected JavaScript and selector, consider using

document.querySelector('[id="convVeh_Form:j_idt27"]').click()

.

To avoid issues with the : character in CSS selectors, this approach can be helpful.

webView = (WebView) findViewById(R.id.webView1);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("https://parivahan.gov.in/rcdlstatus/vahan/rcstatus.xhtml");
webView.setWebViewClient(new WebViewClient() {
  public void onPageFinished(WebView view, String url) {
    String reg1 = "KA51X";
    String reg2 = "2442";
    if (isFirstLoad) {
      webView.loadUrl("javascript: {" +
        "document.getElementById('convVeh_Form:tf_reg_no1').value = '" + reg1 + "';" +
        "document.getElementById('convVeh_Form:tf_reg_no2').value = '" + reg2 + "';" +
        "document.querySelector('[id=\"convVeh_Form:j_idt27\"]').click(); };");

      isFirstLoad = false;
    }
  }
});

Alternatively, you could use button[type="submit"] as the selector if the button position remains constant. In this case, the specific Ids become less important. The other fields can be accessed using

document.querySelectorAll('input[type="text"]')[0]

and [1].

After submitting the form, the navigation will change, triggering an event that can be intercepted by subclassing the WebView. Check out this answer for guidance on handling such events.

private class HelloWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // ...
    }
}

You can use this event to detect the URL at the endpoint and then inject additional JavaScript to extract relevant information from the page. Feel free to reach out if you need further assistance.

Answer 3

Answer №2

After conducting some research, I discovered that the correct ID is convVeh_Form:j_idt26 instead of

"javascript:(function(){document.getElementById('convVeh_Form:j_idt21').click();})()"

To verify this information, please refer to my link

My key suggestion is to test your JavaScript code in a browser before integrating it into Android. Chrome's debug mode can be very helpful for this purpose.

If you are confident that the JS code functions correctly, then incorporate the code into Android in logical blocks. This approach can aid in debugging.

For instance, begin with these lines of JS code:

document.getElementById('convVeh_Form:tf_reg_no1').value = 'text' document.getElementById('convVeh_Form:tf_reg_no2').value = 'text'

If the desired outcome is achieved on the device, proceed by adding a click event after that.

document.getElementById('convVeh_Form:j_idt26').click()

This separation of JS logic can help pinpoint any issues with the code.

In regards to this inquiry:

Once the button is successfully clicked, the website will provide a response. How can this response text be extracted and displayed in the app's textview?

You need to implement a custom WebViewClient(), override onPageFinished, and only run JS code on the appropriate page.

@Override
public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);
    if("https://parivahan.gov.in/rcdlstatus/vahan/rcstatus.xhtml".equals(url)) {
        // execute JS
    } else if("response_link".equals(url)) {
        // notify user or perform other actions
    }
}

Best of luck!

P.S. The provided JS code has been tested successfully in a browser from my end.

Answer 4

After conducting some research, I discovered that the correct ID is convVeh_Form:j_idt26 instead of

"javascript:(function(){document.getElementById('convVeh_Form:j_idt21').click();})()"

To verify this information, please refer to my link

My key suggestion is to test your JavaScript code in a browser before integrating it into Android. Chrome's debug mode can be very helpful for this purpose.

If you are confident that the JS code functions correctly, then incorporate the code into Android in logical blocks. This approach can aid in debugging.

For instance, begin with these lines of JS code:

document.getElementById('convVeh_Form:tf_reg_no1').value = 'text' document.getElementById('convVeh_Form:tf_reg_no2').value = 'text'

If the desired outcome is achieved on the device, proceed by adding a click event after that.

document.getElementById('convVeh_Form:j_idt26').click()

This separation of JS logic can help pinpoint any issues with the code.

In regards to this inquiry:

Once the button is successfully clicked, the website will provide a response. How can this response text be extracted and displayed in the app's textview?

You need to implement a custom WebViewClient(), override onPageFinished, and only run JS code on the appropriate page.

@Override
public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);
    if("https://parivahan.gov.in/rcdlstatus/vahan/rcstatus.xhtml".equals(url)) {
        // execute JS
    } else if("response_link".equals(url)) {
        // notify user or perform other actions
    }
}

Best of luck!

P.S. The provided JS code has been tested successfully in a browser from my end.

Answer 5

Answer №3

Is there a way to activate the button with the unique identifier convVeh_Form:j_idt21?

$('#convVeh_Form:j_idt21').click();

How can I extract and display the response text in an app's textview? If the response is a result of a form submission, utilizing an ajax call would simplify this process:

$.ajax({
   url: "http://your.url",
})
.done(function( data ) {
   $('#textview').text(data);
});

Answer 6

Is there a way to activate the button with the unique identifier convVeh_Form:j_idt21?

$('#convVeh_Form:j_idt21').click();

How can I extract and display the response text in an app's textview? If the response is a result of a form submission, utilizing an ajax call would simplify this process:

$.ajax({
   url: "http://your.url",
})
.done(function( data ) {
   $('#textview').text(data);
});

Input information into the website, click the designated button, and analyze the retrieved data

Answer №1

Answer №2

Answer №3

Similar questions

Is there a quicker method to access an object's ID?

Measuring Load Time Percentage in AngularJS Using $http Requests

Rectangles on canvas, each with identical dimensions, appear in varying sizes when positioned at different locations

In order to avoid conflicts, please update the version code of your APK as there is currently one with version code 1. How can I go about changing the version?

Implementing Image Data in AngularJS: A Guide to Binding Images to IMG Tags

The computed variable in Vuex does not get updated when using the mapState function

When inputting forms into the database, identifiers are used instead of names. Despite this, the user interface functions without any issues

Should we consider it a poor practice for useEffect to be triggered by a user action in this manner?

Oops, seems like there was a problem with parsing the

Discover the object in the initial array that is not included in the second array using AngularJS

Saving picture as a blob within a file system

Any number of elements in a single JSX code snippet

"The boundary of suspense was updated before completing hydration." This error occurs when utilizing suspense and dynamic import within Next.js

Having trouble integrating a custom dialog with DirtyForms plugin

Encountered a runtime error while trying to insert a list item <li> into a paragraph <p> element

Guide to making a nested dropdown menu in React using an array of information

Encountering an Invariant Violation: React does not allow objects to be used as children

Error encounter in JSP is nested within another JSP file, both of which utilize jQuery

The web drive management system is currently undergoing a shutdown process

Sending an Array from a ReactJS Frontend to a Django Backend using JavaScript and Python