Having trouble with JavaScript innerHtml not functioning properly in WebView

Question

Having trouble with JavaScript innerHtml not functioning properly in WebView

Using a WebView with a javascript interface, my goal is to alter the inner HTML of a span based on whether certain checkboxes are selected.

Here's an excerpt from a String in strings.xml. The function onSubmit should not proceed if it fails. My issue lies with getting the innerHtml to work correctly (it always returns true).

The following code functions

<script type=\"text/javascript\" language=\"javascript\">
    function pass() {
        return javaInterface.checkboxPass();
    }
</script>

This code consistently returns true

<script type=\"text/javascript\" language=\"javascript\">
    function pass() {
        var passed= javaInterface.checkboxPass();

        if(passed) {
            document.getElementById(\"txtInstructions\").innerHTML = \'Loading Website...\';
        }

        return passed;

    }
</script>

Here is the specific span within the body of the document

<span id=\"txtInstructions\">%1$s</span>

What could be causing my issue?

javascript android

Answer 1

Answer №1

It's hard to pinpoint why the code isn't behaving as expected, but what is clear is that you are approaching it in a needlessly complex manner. Storing your JavaScript and HTML in an XML file appears to be an ill-advised decision. While technically valid JavaScript, naming a variable the same as its parent function is generally frowned upon. Avoiding such scope intricacies is advisable, as they serve no purpose other than to obfuscate the code.

Answer 2

It's hard to pinpoint why the code isn't behaving as expected, but what is clear is that you are approaching it in a needlessly complex manner. Storing your JavaScript and HTML in an XML file appears to be an ill-advised decision. While technically valid JavaScript, naming a variable the same as its parent function is generally frowned upon. Avoiding such scope intricacies is advisable, as they serve no purpose other than to obfuscate the code.

Answer 3

Answer №2

It appears that the method you are utilizing may not be strictly returning a boolean data type. To address this, consider implementing the following approach:

<script type="text/javascript" language="javascript">
function checkStatus() {
    var status = javaInterface.verifyCheckbox();

    if(JSON.parse(status)) {
        // Update instructions
        document.getElementById(\"txtInstructions\").innerHTML = \'Loading Website...\';
    }

    return status;

}
</script>

By using JSON.parse, it can help eliminate any potential issues with the "boolean" being enclosed in quotes or other unnecessary characters. It is worth noting that JavaScript and Java handle data types differently, so conversion from boolean to string might be occurring within the Java interface.

Handling booleans between JavaScript and Java can be tricky due to their inherent differences. While eval could be an option, caution should be exercised as it might execute unwanted functions instead of parsing the boolean value. As for Internet Explorer (IE), since it lacks a parse function, alternative solutions such as incorporating libraries like JSON-js may be required.

Answer 4

It appears that the method you are utilizing may not be strictly returning a boolean data type. To address this, consider implementing the following approach:

<script type="text/javascript" language="javascript">
function checkStatus() {
    var status = javaInterface.verifyCheckbox();

    if(JSON.parse(status)) {
        // Update instructions
        document.getElementById(\"txtInstructions\").innerHTML = \'Loading Website...\';
    }

    return status;

}
</script>

By using JSON.parse, it can help eliminate any potential issues with the "boolean" being enclosed in quotes or other unnecessary characters. It is worth noting that JavaScript and Java handle data types differently, so conversion from boolean to string might be occurring within the Java interface.

Handling booleans between JavaScript and Java can be tricky due to their inherent differences. While eval could be an option, caution should be exercised as it might execute unwanted functions instead of parsing the boolean value. As for Internet Explorer (IE), since it lacks a parse function, alternative solutions such as incorporating libraries like JSON-js may be required.

Having trouble with JavaScript innerHtml not functioning properly in WebView

Answer №1

Answer №2

Similar questions

Trouble with Ajax call after transitioning from getJSON to Amcharts

Adding an overlay to a material UI table row: Step by step guide

ESLint detecting error with returning values in async arrow functions

Combining Vueify with Elixir and Hotloading led to an unexpected error: Uncaught TypeError - property 'indexOf' is undefined

Exploring the Dynamic Changes of LiveData Returned by Query in Room with ViewModel and LiveData, Utilizing FTS Search

Looping through an array of data retrieved from the MS Graph API

"Preventing Cross-Origin Requests" error encountered while trying to load a JSON document

Verify if a value is present in an array or falls within specified range of values

Exploring font metrics for NSAttributedString using JavaScript in Automation

Formatting Tool Tips for Highcharts Bar Graph Points

Reorganizing Rows with JQuery DataTables

Tips for retrieving the chosen value from an ajax.net ComboBox using javascript

Express middleware for serving static files using express.static() is not properly handling routing and is throwing an error stating that next()

Allow AngularJS to make HTTP POST requests with CORS enabled

What is the best way to display my apex chart once the ajax request has finished?

Validating File Names with Formik and Yup

Tips and tricks for switching user agents in the selenium-webdriver using nodejs?

The iPad screen displays the image in a rotated position while it remains

Is it possible to improve the accelerometer sampling rate in a Cordova Android app to be quicker than 60 milliseconds?

Executing an HttpPost request through an Android device to retrieve and process data from a PHP script