ansaurus

Question

Eval or load a remote script several times

Answer 1

+2 A:

Without using any framework (with thanks to CodeJoust):

// a is the script to call
// b is the ID of the script tag (optional)

function scriptc(a,b){
  var __d=document;
  var __h = __d.getElementsByTagName("head")[0];
  var s = __d.createElement("script");
  s.setAttribute("src", a);
  s.id = b;
  __h.appendChild(s);
}

scriptc("http://example.com/someother.js");
// adds to DOM and it'll get loaded

However take caution because the script on other domains can access sensitive information on your domain, such as the Session ID through cookies in PHP.

Example:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

<div id="cool">testing</div>

<script type="text/javascript">//<!--
function scriptc(a,b){
  var __d=document;
  var __h = __d.getElementsByTagName("head").item(0);
  var s = __d.createElement("script");
  s.setAttribute("src", a);
  s.id = b;
  __h.appendChild(s);
}

scriptc("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js");

// --></script>

</body>
</html>

After which is loaded, I use Firebug to examine $("#cool").html().

thephpdeveloper 2009-11-04 03:28:05

Awesome, thanks!

Ivan 2009-11-04 04:16:53

no problem Ivan!

thephpdeveloper 2009-11-04 04:20:29

Actually, not so fast. The whole page gets replaced by the remote script. Do you think this has something to do with the remote script itself (this doesn't happen when including it as a plain <script src="..."> tag), or is this avoidable? Also, it doesn't load a remote script :(

Ivan 2009-11-04 04:25:12

My mistake, it does load a script from a different domain. But the other issue remains.

Ivan 2009-11-04 04:28:02

works well for me. I'll post up the test I did.

thephpdeveloper 2009-11-04 04:30:08

var __h = __d.getElementsByTagName("head").item(0);Might be __d.getElementsByTagName("head")[0] instead?

CodeJoust 2009-11-04 04:34:26

@CodeJoust - either way works? I'll update the code with yours =)

thephpdeveloper 2009-11-04 04:36:47

@CodeJoust - partly because I work on PHP more, and PHP doesn support something like func()[0].

thephpdeveloper 2009-11-04 04:37:56

Mmmh, it must be the script then. It loads a Flash movie with <embed>, but I'm not sure why it replaces the whole page.

Ivan 2009-11-04 04:50:36

if the script actually `document.write`, then it'll fail.

thephpdeveloper 2009-11-04 05:06:47

Ah, that's the issue then. The script does use document.write... I guess I'll have to use a local copy without document.write.

Ivan 2009-11-04 17:44:05

Answer 2

A:

This is the Prototype way in case anyone finds it helpful:

function scriptc(parent, src) {
  var s = new Element('script');
  parent.appendChild(s);
}

scriptc($('someelement'), 'http://...');

Ivan 2009-11-04 04:56:55

ansaurus

tags:

views:

answers:

Eval or load a remote script several times

related questions