StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POOpen a new browser window/iframe and create new document from HTML in TEXTAREA?
primarykey
Id
3659076
data
AcceptedAnswerId
3659499
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2010-09-07T13:32:59.800
FavoriteCount
2
LastActivityDate
2010-09-07T14:19:51.253
LastEditDate
2017-05-23T12:26:47.817
LastEditorUserId
-1
OwnerUserId
6173
ParentId
0
PostTypeId
1
Score
3
ViewCount
4001
LastEditorDisplayName
text
Body
<p>I'm trying to write a web application using the new offline capabilities of HTML5. In this application, I'd like to be able to edit some HTML—a full document, not a fragment—in a <code><textarea></code>, press a button and then populate a new browser window (or <code><iframe></code>, haven't decided yet) with the HTML found in the <code><textarea></code>. The new content is not persisted anywhere except the local client, so setting the source on the <code>window.open</code> call or the <code>src</code> attribute on an <code><iframe></code> is not going to work.</p> <p>I found the following question on StackOverflow: "<a href="https://stackoverflow.com/questions/1439903/putting-html-from-the-current-page-into-a-new-window">Putting HTML from the current page into a new window</a>", which got me part of the way there. It seems this technique works well with fragments, but I was unsuccessful in getting an entirely new HTML document loaded. The strange thing is when I view the DOM in Firebug, I see the new HTML—it just doesn't render.</p> <p>Is it possible to render a generated HTML document in a new window or <code><iframe></code>?</p> <p><strong>EDIT</strong>: Here's a "working" example of how I'm attempting to accomplish this:</p> <pre><code><!doctype html> <html> <head> <title>Test new DOM</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> function runonload() { return $("#newcode")[0].value; } $(function() { $("#runit").click(function() { w=window.open(""); $(w.document).ready(function() { $(w.document).html(w.opener.runonload()); }); }); }); </script> </head> <body> <textarea id="newcode"> &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;New Page Test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Testing 1 2 3&lt;/h1&gt; &lt;/body&gt; &lt;/html&gt; </textarea> <br/> <button id="runit">Run it!</button> </body> </html> </code></pre>
Tags
<javascript><html><dom>
Title
Open a new browser window/iframe and create new document from HTML in TEXTAREA?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. UStechnomalogical
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POOpen a new browser window/iframe and create new document from HTML in TEXTAREA?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POOpen a new browser window/iframe and create new document from HTML in TEXTAREA?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POOpen a new browser window/iframe and create new document from HTML in TEXTAREA?
  UserUserId
  USDavid Thomas
  VoteTypeVoteTypeId
  VTFavorite
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.