Loading js file into div using jquery

Question

I have a js file and execute with :

<div id="result">
    <script type="text/javascript" src="js/tracking.js"></script>
</div>

My main page has 2 divs (2 colums in page) and there are buttons on the left div. When i click to the first button, i would like to execute js file and display on the right. I can easily handle html files by :

$("#result").load( "test.html" );

But for js files i think i need to use getscript. I gave a shot with :

$("#result").load("#result",function(){$.getScript("js/tracking.js"); });

Ok, it executes the script but not loading into "result" div. It opens a new page and displays the result.

How should i modify?

stackoverflow.com/questions/8460306/…

Lalji Tadhani
– Lalji Tadhani

2016-02-08 13:41:15 +00:00
Commented Feb 8, 2016 at 13:41 — Lalji Tadhani
– Lalji Tadhani, Commented Feb 8, 2016 at 13:41

Arun Sharma · Accepted Answer · 2016-02-08 13:56:03Z

-1

As far as I can understand, you want to load, execute & display js file.

check this [demo][1]

  [1]: http://codepen.io/anon/pen/WrYQLX

answered Feb 8, 2016 at 13:56

Arun Sharma

1,3298 silver badges11 bronze badges

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

8 Comments

Opti Over a year ago

Correct! I have a js file and a button. When i click to button, i would like to execute another js file in my div. That js file executes some codes and display some results. Your code is ok but works in html section. Could you please divide the page %30-%70 vertically and put a button in the first div. When clicking the button, please execute another js which displays hello world in the second div. Please do them only in js window.

Arun Sharma Over a year ago

Please check the updated demo @ codepen.io/anon/pen/WrYQLX and replace "urlforyourscript" in js window with your script url

Opti Over a year ago

Ok, Thanks Arun but it displays in another page. $("#trackinginfo").html( '<script type="text/javascript" src="js/tracking.js">' + '</script>' ); or $.getScript("js/tracking.js"); I could not make it display in trackinginfo div dynamically!

Arun Sharma Over a year ago

Can you create a fiddle for this and let me inspect?

Opti Over a year ago

lets continue on your pen. I created a js file very simple : document.write("Hello World!");alert('aaaaaa'); Here : 1fichier.com/?m01luth44c I put this link to $.getScript("1fichier.com/?m01luth44c"); alert function works but i can not see document.write in result div.

|

Collectives™ on Stack Overflow

Loading js file into div using jquery

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related