How to inject an external javascript file into a div

Question

How can an external javascript file be injected into a div. When I try to set it using below code, the div 'toupdate' is not updated with new javascript file.

<script type="text/javascript">

$(document).ready(function () {
      $('#toupdate').html('<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>');
});

</script>

    <body>
    <div id="toupdate">
    <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script>
    </div>

    </body>

CKKiller · Accepted Answer · 2012-08-15 11:54:05Z

1

Your replacement code is being executed before the div 'toupdate' has loaded, you either need to move the <script> tag to after the div or put you replacement code within a $(document).ready() function like so:

$(document).ready(function () {
  $('#toupdate').html('<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>');
});

EDIT:

tested and working example:

$(document).ready(function() {
    $('#toupdate').children('script').attr('src', 'http://static.polldaddy.com/p/5968383.js');
});

JSfiddle: http://jsfiddle.net/m7q3H/45/

edited Aug 15, 2012 at 11:54

answered Aug 15, 2012 at 11:05

CKKiller

1,4321 gold badge16 silver badges20 bronze badges

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

1 Comment

blue-sky Over a year ago

it seems to be loading the new javascript but not updating the UI.

Qpirate · Accepted Answer · 2012-08-15 11:01:20Z

1

you could use the $.getScript("URL") function definition

answered Aug 15, 2012 at 11:01

Qpirate

2,0881 gold badge31 silver badges42 bronze badges

2 Comments

blue-sky Over a year ago

can that function be used to inject the script into a div ?

Qpirate Over a year ago

Im not entirely sure if it can be, there is a callback function with it that will run after the script has successfully been downloaded, but it seems the script will already have been run at this point. sorry i cant be of more help.

Collectives™ on Stack Overflow

How to inject an external javascript file into a div

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related