Append embed code (script tag with dynamic variables)?

Question

I need to append embed code with dynamic variables: http://www73.zippyshare.com/v/57510152/file.html

var c = '<script type="text/javascript">var zippywww="73";var zippyfile="57510152";var zippytext="#000000";var zippyback="#e8e8e8";var zippyplay="#ff6600";var zippywidth=850;var zippyauto=false;var zippyvol=80;var zippywave = "#000000";var zippyborder = "#cccccc";</script><script type="text/javascript" src="http://api.zippyshare.com/api/embed_new.js"></script>';

$("body").html(c);

I've seen solutions using getScript and document.createElement("script") but I receive the embed code dynamically via an API.

I could use getScript for the embed_new.js
I could possibly write the vars to the current DOM.
how to place the output into a desired position then?

Test: http://jsfiddle.net/y658cb9x/

You can't write </script> inside a script tag, it closes the current script tag. — adeneo
– adeneo, Commented Dec 17, 2014 at 21:12
↑↑↑ so escape it in some way, e.g: var c = '<script>...</scr'+'ipt>'; — A. Wolff
– A. Wolff, Commented Dec 17, 2014 at 21:16
Thanks escaping works but then the next problem occurs with embed.js: "Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened." > jsfiddle.net/y658cb9x/1 — Martin
– Martin, Commented Dec 17, 2014 at 21:42

dude · Accepted Answer · 2014-12-17 21:17:53Z

0

Create the script with e.g. jQuery like

$("<script />", {
 html: "Your HTML"
}).appendTo("body");

since you can not create a script-block in a JavaScript block. The string will be parsed like native HTML.

answered Dec 17, 2014 at 21:17

dude

6,12611 gold badges56 silver badges85 bronze badges

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

3 Comments

Martin Over a year ago

OK: jsfiddle.net/y658cb9x/3 but the same problem as above: "Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened."

dude Over a year ago

@Martin you can declare you variables, e.g. zippywidth in your native JavaScript. Because the variables will be global, it will be readable in your source file that you will append with this method above.

dude Over a year ago

Also see this post: stackoverflow.com/questions/10223184/…

Collectives™ on Stack Overflow

Append embed code (script tag with dynamic variables)?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related