Loading external JavaScript file

Question

I have a cross platform app built using PhoneGap/Cordova.

I am trying to implement a function that runs an external JavaScript file when a controller loads. I am following a solution from HERE. And similarly HERE. But I want the JavaScript to execute without the window.open event, i.e. I want to run executeScript as soon as the device is ready.

How do I call the executeScript() without defining the var ref first though?

var navigation = angular.module("navigation", []);
navigation.controller("Navigation", function ($scope) {

    var init = function () {
        document.addEventListener("deviceready", onDeviceReady, false);
    };

    init();

    function onDeviceReady() {
        // LOAD EXTERNAL SCRIPT
        var ref = window.open('http://www.haruair.com/', '_blank', 'location=yes, toolbar=yes, EnableViewPortScale=yes');
        ref.addEventListener("loadstop", function () {
            ref.executeScript(
              { file: 'http://haruair.com/externaljavascriptfile.js' },
              function () {
                  ref.executeScript(
                    { code: 'getSomething()' },
                    function (values) {
                        var data = values[0];
                        alert("Name: " + data.name + "\nAge: "  + data.age);
                    });
              }
            );
        });
});

dloeda · Accepted Answer · 2017-07-04 17:15:00Z

1

You could try to add the script in the index.html file and do whatever you want from JS. Also, you must add to your whitelist this endpoint.

<!-- index.html -->

<script>
  function onCustomLoad() {
    //do stuff
  }
</script>
<script src="your-custom-script" onload="onCustomLoad"></script>

edited Jul 4, 2017 at 17:15

answered Jul 4, 2017 at 15:58

dloeda

1,54815 silver badges24 bronze badges

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

2 Comments

heyred Over a year ago

Yip. Added to both, but how do I actually call the method automatically from the onDeviceReady function? Im not sure on the syntax.

dloeda Over a year ago

You could add to the script a onload listener to check when is loaded and another one to check when cordova is ready (trigger an event cordovaReady or someone similar)

chaos505 · Accepted Answer · 2017-07-04 16:00:25Z

0

you could use

var script = document.createElement("script");
script.type = "text/javascript";
script.id = "some_id";
script.src = 'http://haruair.com/externaljavascriptfile.js';
document.head.appendChild(script);

then call the function once finished

answered Jul 4, 2017 at 16:00

chaos505

5044 silver badges12 bronze badges

Collectives™ on Stack Overflow

Loading external JavaScript file

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related