Reputation: 2180
I have the following code. I want to load the content after everything else has loaded. But it seems I can only load html and not javascript:
$(document).ready(function () {
$("#twitter_left").html("<p><img align='left' alt='Twitter Bird' src='/sites/all/themes/helixTheme/images/twitter-bird.png' /><strong> Follow Us On Twitter</strong></p><p> </p><p><script charset='utf-8' src='http://widgets.twimg.com/j/2/widget.js'></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 7,interval: 30000,width: 'auto',height: 800,theme: {shell: {background: '#dbe5ff',color: '#333333'},tweets: {background: '#ffffff',color: '#999999',links: '#f26422'}},features: {scrollbar: false,loop: true,live: false,behavior: 'default'}}).render().setUser('helixwebsites').start();</script></p>");});
So my next plan was to put the content in a html file and use the .load
handler, but I still want it to load after all of the page has.
Upvotes: 0
Views: 148
Reputation: 2428
$(document).ready(function () {
$("body").append("<h1>insert html dynamically</h1>");
var script = document.createElement('script');
script.type = 'text/javascript';
var code = "alert('insert script dynamically');";
$(script).append(code);
$("body").append(script);
var script2 = document.createElement('script');
script2.type = 'text/javascript';
script2.src = 'path/your/javascript.js';
$("body").append(script2);
});
in your code:
$("#twitter_left").html("<p><img align='left' alt='Twitter Bird' src='/sites/all/themes/helixTheme/images/twitter-bird.png' /><strong> Follow Us On Twitter</strong></p><p> </p>");
$("#twitter_left").append(script2);
Load javascript in new window:
$(document).ready(function () {
var newPage = window.open('', '_blank');
newPage.document.write("<h1>insert html dynamically</h1>");
newPage.document.write("<script>alert(1)</" + "script>");
});
Upvotes: 1
Reputation: 71
Probably, you shall use JQuery getScript function in order to load JavaScript in a dinamic way and then run it.
Upvotes: 1
Reputation: 1461
You can load all the javascript you want. In between the:
$(document).ready(function(){
});
you can write any javascript you want. It can be jQuery or non jQuery javascript code. Example:
$(document).ready(function(){
alert("Document is now ready");
});
Upvotes: 1