Adding script src after window.onload

Question

I'm trying to add this social widget after the body has loaded.

I first tried doing:

var stumble = '<script src="' + 'http://www.stumbleupon.com/hostedbadge.php?s=1' + '">       <\/script>';
$('#social-widget').append(stumble);

But that obviously didn't work, so I tried:

var stumble = document.createElement('script');
stumble.src = 'http://www.stumbleupon.com/hostedbadge.php?s=1';
$('#social-widget').append(stumble);

Which also didn't work. Any idea on what I am missing here?

@Diodeus Tried that method (breaking up the script tags so the parser won't recognize them), but it didn't work. — bob_cobb
– bob_cobb, Commented Nov 18, 2011 at 21:26

Rich O'Kelly · Accepted Answer · 2011-11-18 21:18:38Z

1

Use the jQuery getScript method eg:

$.getScript('http://www.stumbleupon.com/hostedbadge.php?s=1');

answered Nov 18, 2011 at 21:18

Rich O'Kelly

41.8k9 gold badges87 silver badges114 bronze badges

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

2 Comments

bob_cobb Over a year ago

How would this insert the the button into the DOM after the page has loaded?

Rich O'Kelly Over a year ago

It wouldn't necessarily insert the script in the DOM, it would however load and execute the script, which I presumed is what you're after? Why else would you want to append a script tag?

Chtioui Malek · Accepted Answer · 2012-12-21 02:40:41Z

0

the stumbleupon.com/hostedbadge.php?s=1 script only renders the button where it was placed and cannot work after document load.

instead use this script :

1/ place this tag where you want the button to appear

$('#social-widget').append('<su:badge layout="5"></su:badge>');

2/ load and execute the script :

jQuery.getScript('//platform.stumbleupon.com/1/widgets.js');

answered Dec 21, 2012 at 2:40

Chtioui Malek

11.5k1 gold badge76 silver badges70 bronze badges

Comments

alessioalex · Accepted Answer · 2011-11-18 21:18:03Z

0

You should really try something cross-browser, and since you're trying to load the script asynchronously, I strongly recommend Require.js.
You can use is standalone or alongside libraries like jQuery or Dojo.

answered Nov 18, 2011 at 21:18

alessioalex

63.8k16 gold badges158 silver badges123 bronze badges

Collectives™ on Stack Overflow

Adding script src after window.onload

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related