Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Javascript : calling function from another file

Tags:

javascript

I'm just new comer at Javascript so when I read a Javascript document, and there're many complex structures that I cannot follow.

Here is the short explanation of Javascript code that I'm reading : in my case there are two main files : Helper.js and Circle.js.

In Helper.js, there is a method name :using:function(param1,param2). And below is code for Circle.js:

Helper.using('py.Figures', function (ns) {

    ns.Circle = function (params) {
        // some additional methods and code here
    }

    ns.Alert = function(){   // for the test purpose
           alert('hello');
    }
});

And in file test.html, I write some code like this :

<script src="Helper.js"></script>
<script src="circle.js"></script>
<script>
   test = function(){
        py.Figures.Alert();  // calling for testing purpose
   }
</script>
<body onload="test();"></body>

When I run on Chrome and view in console, I meet this error :

Uncaught TypeError: Object # has no method 'Alert'

It means I haven't import those class, yet. Please tell me how to calling function from another file. In my case is : calling Alert()

Thanks :)

@ Edit: I have added some links for the code :

Helper.js

Circle.js

like image 563
hqt Avatar asked Jul 31 '12 18:07

hqt


1 Answers

Why don't you take a look to this answer

Including javascript files inside javascript files

In short you can load the script file with AJAX or put a script tag on the HTML to include it( before the script that uses the functions of the other script). The link I posted is a great answer and has multiple examples and explanations of both methods.

like image 51
Samuel Lopez Avatar answered Oct 09 '22 03:10

Samuel Lopez