Loading Inline Javascript through an AJAX load through jQuery

Question

I have a similar problem to this question.

Loading Javascript through an AJAX load through jQuery?

I want to load an HTML page into a div container using Ajax and JQuery's .load() . The html page has javascript on it that loads a weather widget from http://www.showmyweather.com/

This is the script:

<script type="text/javascript" src="http://www.showmyweather.com/weather_widget.php?    int=0&type=js&country=ca&state=Ontario&city=Hamilton&smallicon=1&current=1&forecast=1&background_color=ffffff&color=000000&width=175&padding=10&border_width=1&border_color=000000&font_size=11&font_family=Verdana&showicons=1&measure=C&d=2013-11-11"></script>

I don't know how to include the widget in the DOM other than placing the script inline the html page. If there is a way to use this script and add it in using $.getscript(); that would be nice, but I can't figure it out.

Trident D'Gao · Accepted Answer · 2013-11-12 14:42:35Z

0

var element = document.createElement("iframe");
document.body.appendChild(element);
var frame = window.frames[windows.frames.length - 1];
frame.document.write('<scr' + 'ipt type="text/javascript" src="http://www.showmyweather.com/weather_widget.php?int=0&type=js&country=ca&state=Ontario&city=Hamilton&smallicon=1&current=1&forecast=1&background_color=ffffff&color=000000&width=175&padding=10&border_width=1&border_color=000000&font_size=11&font_family=Verdana&showicons=1&measure=C&d=2013-11-11"></sc'+ 'ript>');

edited Nov 12, 2013 at 14:42

answered Nov 12, 2013 at 5:25

Trident D'Gao

19.9k22 gold badges101 silver badges169 bronze badges

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

6 Comments

GSimon Over a year ago

Thanks for the help. It indeed does work on this page, however on the page I'm loading the widget onto I also have a facebook like button. When I enter your script into the console I get this error: SecurityError: Blocked a frame with origin "mywebsiteurl.com" from accessing a frame with origin "static.ak.facebook.com". The frame being accessed set "document.domain" to "facebook.com", but the frame requesting access did not. Both must set "document.domain" to the same value to allow access.

megawac Over a year ago

I downvoted because it won't work in ie or opera stackoverflow.com/questions/1736886/…

Trident D'Gao Over a year ago

@GSimon, you have more than one iframe on your page try var frame = window.frames[window.frames.length - 1]; instead var frame = window.frames[0];

Trident D'Gao Over a year ago

@megawac, there is no such thing as Opera anymore, get real, use Chrome

GSimon Over a year ago

Any reason for the space in included here btw?: <scr' + 'ipt

|

megawac · Accepted Answer · 2013-11-12 05:59:24Z

This is the way it's done with mootools in Asset.javascript:

var loadScript = function (source, properties) {
    properties || (properties = {});
    var script = document.createElement('script');
    script.async = true;
    script.src = source;
    script.type = 'text/javascript';
    var doc = properties.document || document, load = properties.onload || properties.onLoad;
    return delete properties.onload, delete properties.onLoad, delete properties.document, 
    load && (script.addEventListener ? script.addEventListener("load", load) : script.attachEvent("readystatechange", function() {
        [ "loaded", "complete" ].indexOf(this.readyState) >= 0 && load.call(this);
    }))
    doc.getElementsByClassName("head")[0].appendChild(script);
}

Now you can call loadScript("script url", {document: window.frames[0].document}) and it will load the script in the window. Just need to pass it an external document in options and a script.

Collectives™ on Stack Overflow

Loading Inline Javascript through an AJAX load through jQuery

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related