ansaurus

Question

Loading HTML content containing inline script via jQuery

Answer 1

A:

Try setting the HTML manually, like this:

$.get(url, function(htmlText) { $('#divid').html(htmlText); });

I'm pretty sure this will execute the scripts.

SLaks 2009-11-02 02:45:50

Be careful, there are things a page-load-time script may expect to be able to do that you can't do once the page has loaded. Primarily: anything that calls `document.write` to add content to the page as it loads will completely destroy your existing page.

bobince 2009-11-02 02:51:45

Funny you should mention `document.write` since that's precisely what these scripts are doing.I did try `$.get`, and could get the content (and scripts) to load, but the scripts would not execute.

devhammer 2009-11-02 02:58:28

It executes the script, but the document.write does nothing...

Mike Gleason jr Couturier 2009-11-02 05:14:19

when the HTML is loaded in this way, how do you use the jQuery to grab the part of HTML you want? the .load removes [html][body] etc. but now this would need to be done manually... any ideas?

BerggreenDK 2010-07-14 03:21:08

@BerggreenDK: `$('someSelector', htmlText).html()`.

SLaks 2010-07-14 13:43:53

@SLaks: Ehm, yes - I could have been more specific. But I was refering to the question of how we get the inline scripts and then execute the scripts within the HTML?

BerggreenDK 2010-07-19 00:25:00

Answer 2

+3 A:

There is an issue when you use document.write. If you have the ability to modify the source pages you can modify them to use the innerHtml technique instead.

To do so you would change something like this:

<div id="testDiv">
  <script type="text/javascript">
    document.write("<img src='image1.jpg' alt='' />");
  </script>
</div>

To this:

<div id="testDiv">
<div>
<script type="text/javascript">
  document.getElementByid('testDiv').innerHTML = "<img src='image1.jpg' alt='' />";
</script>

bendewey 2009-11-02 04:54:55

I can ask the guy who runs the system where these pages reside if he can modify the page, but given that there are a number of other folks using the same system, I would be surprised if he'd be open to that. Prime example of some of the perils of reusing a system that wasn't designed for reuse.

devhammer 2009-11-02 06:24:00

Answer 3

A:

Doesn't work for me...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
    </head>
    <body>
        <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
         $(document).ready(function() {
          var dynamic = 'begin <script type="text/javascript">alert("hello");<\/script> end';
          $('#test').html(dynamic);
         });
        </script>
        <div id="test"></div>
    </body>
</html>

The alert box is showing.. but if you replace it with a document.write, nothing in the document.write appears... you have "begin end"

Hope this helps!

Mike Gleason jr Couturier 2009-11-02 05:13:40

Right...makes sense. The scripts are there, but `document.write` won't work because it's too late to call that.

devhammer 2009-11-02 06:22:01

Yes "The document.write command must be carried out during the loading of the page." -http://java-programming.suite101.com/article.cfm/javascript_documentwrite_tutorialYou can mark your post as answered :)

Mike Gleason jr Couturier 2009-11-02 14:13:30

ansaurus

tags:

views:

answers:

Loading HTML content containing inline script via jQuery

The Background

The Problem

The Question

related questions