Calling javaScript Function

Question

I am adding my external .js file as

<head>
    <script type="text/javascript" src="service/js/test.js"></script>
</head>

Inside the test.js I have one function called functionTest().

Calling this function onload of the body is working fine;

<body onload="functionTest()">

</body>

My Question is:

I want to call this function two time in the two different divs. How should I achieve this ?

<body>
    <div id="left">
        <!-- Directly Want to call functionTest() when div is getting loaded -->
    </div>
   <div id="right">
       <!-- Directly Want to call functionTest() when div is getting loaded -->
   </div>
</body>

What do you want to achieve by calling a function after each div is loaded? Why don't you call the function when the document is loaded? may be use jQuery ready (api.jquery.com/ready) ? — Low Flying Pelican
– Low Flying Pelican, Commented Jun 24, 2015 at 6:51
@LowFlyingPelican : I have predefine widgets in the javaScript file. Each widget have some different UI and functioning. I just want to embed the widgets in the HTML file for Demonstration. — Vaibhav Jain
– Vaibhav Jain, Commented Jun 24, 2015 at 6:54
You could do something like, $( document ).ready( function(){ functionTest($('#left')); functionTest($('#right')); } ), then you get function called for both widgets while not having to write js inside your html — Low Flying Pelican
– Low Flying Pelican, Commented Jun 24, 2015 at 7:00
@LowFlyingPelican : Thanks for response. I will try that also. :) — Vaibhav Jain
– Vaibhav Jain, Commented Jun 24, 2015 at 7:01

dfsq · Accepted Answer · 2015-06-24 06:41:15Z

6

Add the call to the function at the end of the div. The function functionTest will be called when the div is completely loaded.

<body>
    <div id="left">
        <!-- Directly Want to call functionTest() when div is getting loaded -->

        <script>functionTest();</script>
        <!--    ^^^^^^^^^^^^^^^ -->
    </div>
    <div id="right">
        <!-- Directly Want to call functionTest() when div is getting loaded -->

        <script>functionTest();</script>
        <!--    ^^^^^^^^^^^^^^^ -->
    </div>
</body>

edited Jun 24, 2015 at 6:41

dfsq

193k26 gold badges244 silver badges261 bronze badges

answered Jun 24, 2015 at 6:33

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

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

Comments

Fabjan · Accepted Answer · 2015-06-24 06:34:42Z

3

Just insert <script> functionTest() </script> inside each div

answered Jun 24, 2015 at 6:34

Fabjan

13.7k4 gold badges29 silver badges54 bronze badges

Collectives™ on Stack Overflow

Calling javaScript Function

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related