Question

In my web page, users can click on inputs which are check boxes. Later in their browsing, the options they chose cause other html documents to be displayed in the page they are in. At least that’s the idea.

So, User A clicks check boxes for “Doc1” and “Doc4”.
An ajax call goes out to a web service and pulls these documents back. They are html.
The callback method should take this html and insert it into the page.

I tried using an iframe, however that seems to require the src attribute to be specified. The html that comes back is a full page including . This would be on an HTML5 compatible browser only.

Is this possible, or should I be looking at something other than iframe?

Answer 1

I solved this as follows:

• User checks a couple check boxes and clicks ‘next’.
• AJAX call goes out to retrieve those documents associated with the checkboxes.
• The page displaying retrieves this data, and creates iframes as needed.
• SRC cannot be specified because there is NO url!
• IE doesn’t support …’> because 2083 chars is the limit for IE.
• Final solution is to write manually to the iframe:

var target = document.getElementById(someIframe).contentDocument;
target.open();
target.write(documentReceivedFromAJAXCall);
target.close();