jQuery Appending script to div

Question

I know that jQuery automatically parses script elements and append them to the head, however I dont have much of a choice. I need to insert an html string exactly into a specified div. so for example <script src='http://.....'></script> into <div id="lb"></div> .

The problem is that the scripts get loaded from a server which I have no control over and is using a document.write() script. So if that gets appended to the header, there will be severe issues. How can I do this with or without jQuery?

Answer 1

If you don't want your script to alter the content of you page you could insert it in an iframe instead of a div ? document should refer to the iframe then. I don't exactly get what you want though.

Answer 2

Ok. So to rephrase your question:

You want to insert some < script > tags in your page. These tags load javascript files that have document.write() in them.

Now you want the document.write() to happen in some divs, and not in the header.

I think you would then need to render those script tags directly in the source of your page from the very start. Felix noted correctly that when you load thse script tags later, the whole page will be replaced by what is outputted by the document.write() function.

Thus, javascript or JQuery cannot load these script tags. You should render them serverside in the initial version of your page..!

Answer 3

Document.write() will put the script at the end of the document (afaik). Then, you would need to look-up these script-tags and put them into the proper DIVs (with a $(elm).append(scriptObj)).

But I might not understand what your problem is...