how to call function from one js to other js

Question

i have n no of js file say 1.js 2.js 3.js ....... all the three js contains one function say function hello() { alert(In js file 1/2/3/...n); // as and in which js } now i have another js file say x in x we have var id and from somewhere i am getting id value if id=1 the hello function of js1 should be called and alert button should popup In js file 1 if id=2 the hello function of js1 should be called and alert button should popup In js file 2 .... .... if id=15 the hello function of js15 should be called and alert button should popup In js file 15 if id=n the hello function of js'n' should be called and alert button should popup In js file n how can this be done. any suggestion

Brijendra Gautam · Answer

You have to pass relative url of JS file. e.g. /Script1/Temp_1.js

nishant ranjan · Answer

var id=1; $(function() { var jsFile=Template_+id; jsFile:hello() } Cheers!!!! /* Style Definitions */ table.MsoNormalTable{mso-style-name:Table Normal;mso-tstyle-rowband-size:0;mso-tstyle-colband-size:0;mso-style-noshow:yes;mso-style-priority:99;mso-style-parent:;mso-padding-alt:0cm 5.4pt 0cm 5.4pt;mso-para-margin:0cm;mso-para-margin-bottom:.0001pt;mso-pagination:widow-orphan;font-size:10.0pt;font-family:Times New Romanserif;}

nishant ranjan · Answer

no luck my both js is in different folder should i have to pass full path of template_1 js in var script = Template_ + id +.js; like var script = jsFolder/+Template_ + id +.js; ???

Brijendra Gautam · Answer

You can use JQuery to call hello function like this. $(document).ready(function () { var script = Template_ + id +.js; $.getScript(script CallHello); }); function CallHello() { hello(); }; This way jquery will dynamically load the required Js file and then call the Hello function from that js file.

nishant ranjan · Answer

well i am getting error as below JavaScript runtime error: Object doesn't support property or method 'Template_1.hello' what i have used is var id = 1; var method_name = .hello; var method_prefix = Template_; var test= window[method_prefix + id + method_name](); function name is hello() js file name is Template_1

Jignesh Trivedi · Answer

in you case variable method_prefix become temp_. I think it will work for you.

nishant ranjan · Answer

ok... this is helping me... but dont we have some way in js to call say if id=1 then hello function inside temp_1.js should be called if id= 2 then hello function of temp_2.js should be called ............

Jignesh Trivedi · Answer

hi you can also call js function dynamically... function test(id) { var method_name = .Hello; var method_prefix = Js; // Call function: window[method_prefix + id + method_name](); } Please refer http://viralpatel.net/blogs/calling-javascript-function-from-string/ hope this will help you.

nishant ranjan · Answer

i cannot use if else here because if there is 100 js file with hello function then how many time i will check. i need reference to that js file. actually the js file is saved as temp_1.js temp_2.js and so on and each contains hello function. temp_ is common and 12...will be same as id in x.js like if we have id=1 then we will select js file as say var abc=temp_'id'.hello(); where temp_id will refer to that js and its hello function will be called can we call function say hello1() like this in x. js hello+1+(); is it possible to call function this way or any other way to call function with this situation.

Jignesh Trivedi · Answer

Hi try may be following code can help you Js1 ------ var Js1 = new (function() { this.Hello = function() { alert('In js file 1'); }; })(); Js2 ------ var Js2 = new (function() { this.Hello = function() { alert('In js file 2'); }; })(); soon..... js -x function function test(id) { if(id ==1) Js1.Hello(); else if(id ==2) Js2.Hello(); }