how to call a javascript function form another javascript where both are on the same html

Question

I have a html code in which i had two javascripts. I want to call the function of 1 javascript into another. Below given is the structure of my javascript.

<html>
<head>
<script>
function a()
{
//function code
this.parent["asd"].b(); //problem in dis line 
}
</script>
<body>
<script>
var asd= new Asd();
function b()
{
//function code here
}
</script>
</body>
</html>

It works fine when i use it locally or from a web server. But if i upload this page in my facebook application, the parent class points somewhere else since its inside a iframe. How to resolve it. Is there any other way to call the function.

I think you are new with java script . – Gyan Chandra Srivastava Sep 21 '12 at 05:44 — Gyan Chandra Srivastava, Sep 21 '12 at 05:44
yes learning it for the past 1 month – Praveen Singh Sep 21 '12 at 05:59 — Praveen Singh, Sep 21 '12 at 05:59

score 4 · Accepted Answer · edited Mar 20 '15 at 12:00

4

You can:

=> combine both javascripts which you want to use in one

or

=> include a file first of which function you want to use in another javascript so it will automaticall get the value from that javascript file.

edited Mar 20 '15 at 12:00

Trix

587
1
6
27

answered Sep 21 '12 at 05:49

Jhanvi

594
3
17

i am telling in genralized concept where we want to include two javascripts in our html or in view page...i think now i am making smwhat clear... – Jhanvi Sep 21 '12 at 06:26
order of javascript doesn't matter if it is global function. – Chamika Sandamal Sep 25 '12 at 06:28
yes you are correct in global scenario but it matters if you are going to use library functions or any other function defined in one file and want to call in another file... – Jhanvi Sep 25 '12 at 06:49

score 2 · Answer 2 · edited Jan 07 '14 at 12:05

2

Its doesn't matter that you have written function in same script tag or in another it easily called with function name only like below

<html>
<head>
<script>
function a()
{
//function code
b(); //problem in dis line 
}
</script>
<body>
<script>
var asd= new Asd();
function b()
{
//function code here
}
</script>
</body>
</html>

edited Jan 07 '14 at 12:05

BenMorel

34,448
50
182
322

answered Sep 21 '12 at 05:38

Gyan Chandra Srivastava

1,370
9
29

But when i simply call it. Its not working. please visit the link der is my fb app http://praveen.comyr.com/fb/ – Praveen Singh Sep 21 '12 at 06:09
for which perticular section you are asking for – Gyan Chandra Srivastava Sep 21 '12 at 06:27
http://jsfiddle.net/UCBTG/ look at dis fiddle. In this if i call dis function next(); its not working bcos its inside some frame. Is there any other alternate way to call the next method without using parent class. – Praveen Singh Sep 21 '12 at 08:13

score 1 · Answer 3 · edited May 23 '17 at 12:22

1

It is always better to combine all your Javascript files into one complete js file. So, you can just merge both your javascript files together. That would also save you from this trouble. You can also see this thread.

edited May 23 '17 at 12:22

Community

1
1

answered Sep 24 '12 at 10:44

xan

4,640
13
50
83

I tried combining but i failed. If possible please try it. here is the fiddle http://jsfiddle.net/UCBTG/1/ – Praveen Singh Sep 24 '12 at 10:59
What is the use of your `"timer.js"` file? I mean I need this file to work. – xan Sep 24 '12 at 13:32

score 1 · Answer 4 · answered Sep 24 '12 at 11:28

1

Can you try eval("asd").b(); instead of this.parent["asd"].b();

answered Sep 24 '12 at 11:28

sureshunivers

1,753
12
27

score 1 · Answer 5 · answered Sep 24 '12 at 11:36

1

it doenst matter. you can call any function already refered in the HTML as in the same file. because ultimately everything in same page.

answered Sep 24 '12 at 11:36

Chamika Sandamal

23,565
5
63
86

score 0 · Answer 6 · answered Sep 24 '12 at 11:54

0

Thank u all. i got the solution. i removed the function word from the javascript. now its working fine.

answered Sep 24 '12 at 11:54

Praveen Singh

534
2
8
23

how to call a javascript function form another javascript where both are on the same html

6 Answers6