cordova inappbrowser referencing elements

» javascript » cordova inappbrowser referencing elements

By : Sii Cockerill

Date : November 25 2020, 09:00 AM

Does that help I've just checked it on iOS and it's working, you had an error on the syntax
Working example that injects js on bing website sbBtn is the search icon button:

code :

var ref = window.open("https://www.bing.com/?setlang=es", '_blank');
ref.addEventListener(
    'loadstop',
    function(event) {
        ref.executeScript({
            code: "document.getElementById('sbBtn').onclick = function() {alert('button was clicked');}"
        });
    }
);

var ref = window.open("https://www.bing.com/?setlang=es", '_blank');
ref.addEventListener('loadstop', function(event) {
    ref.executeScript({
        file: "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"
    }, function() {
        ref.executeScript({
            code: "jQuery('#sbBtn').on('click', function() { alert('button was clicked'); });"
        });
    });

});

Share :

iOS: Can't start cordova inAppBrowser -> "Warning: Attempt to present <inAppBrowser> on <MainViewContro

By : billtsigk92

Date : March 29 2020, 07:55 AM

To fix this issue Okay, I found the answer. You have to set a timeout before calling the inAppBrowser:

code :

setTimeout( function() { 
               var ref = window.open(encodeURI(result.text),'_blank','location=no');
            }, 500);

Error cannot find symbol org.apache.cordova.CordovaHttpAuthHandler using InAppBrowser Cordova 5.3.3

By : Per Nielsen

Date : March 29 2020, 07:55 AM

around this issue I found the problem and writing the answer here in case of somebody has the same problem
The root of the problem was the version on Cordova, it seems that this error exists on < v4, but I was using 5.3.3 how this is possible When you clear cordova cache from visual studio menu, it replace v4.0.0 into the directories, so you need to copy the cordova again from %APPDATA%\npm\node_modules\cordova to %APPDATA%\npm\node_modules\vs-mda\node_modules\cordova

Selecting DOM elements with inAppBrowser - Cordova

By : Dick Dral

Date : March 29 2020, 07:55 AM

will help you Frix33 got the gears turning with his answer, but I don't think it specifically identifies the problem so posting my own. The script injected into the page must be a STRING or else it is just executed by the app, which is a different document hence the null result before. It works if you replace {code: obj.func(obj)} with:

code :

var codePass = "document.getElementById('input').value = '"+ obj.input +"';"
var ref = cordova.InAppBrowser.open(obj.link, "_blank", "location=yes");
ref.addEventListener('loadstop', function(event) {

   ref.executeScript({code:codePass})

});

Add button in cordova inappbrowser to hide it EDIT: and add image via Javascript to inappbrowser

By : yaswanth

Date : March 29 2020, 07:55 AM

Any of those help Yes this is possible using addEventListener and executeScript.
Check out this code sample, where we are injecting JavaScript that will generate a "Hide Map" button on top of the page in the inappbrowser. When this button is clicked, it will set a new item 'hidden' in localStorage with a value of 'yes'. Then we have a loop that checks if the value is yes, and will hide the inappbrowser.

code :

var ref = window.open('https://www.examplemap.com/', '_blank', 'transitionstyle=fliphorizontal,location=no,toolbarposition=top,closebuttoncaption=X');

// Once the InAppBrowser finishes loading
ref.addEventListener("loadstop", function() {

  // 1st Clear out 'hidden' in localStorage for subsequent opens.
  // 2nd Create the button
  ref.executeScript({
    code: "var key = 'hidden'; var keyval = 'yes'; localStorage.setItem('hidden',''); var button = document.createElement('Button'); button.innerHTML = 'Hide Map'; button.style = 'top:0;right:0;position:fixed;'; document.body.appendChild(button); button.setAttribute('onclick','localStorage.setItem(key,keyval);');"
  });

  // Start an interval
  var loop = setInterval(function() {

    // Execute JavaScript to check if 'hidden' is 'yes' in the
    // child browser's localStorage.
    ref.executeScript({
        code: "localStorage.getItem( 'hidden' )"
      },
      function(values) {
        var hidden = values[0];

        // If 'hidden' is equal to 'yes', clear the interval and hide the InAppBrowser.
        if (hidden === 'yes') {
          clearInterval(loop);
          ref.hide();
        }
      }
    );
  });
});

Cordova InAppBrowser: close inappbrowser instance from script injected

By : squaleXxi

Date : March 29 2020, 07:55 AM

This might help you ref is defined on the cordova webview, but the inAppBrowser has it's own webview and ref isn't defined there, so you can't close inAppBrowser like that.
I haven't tested this, it's a bit hackish, but might work: