Question

I would like to take all my <div>‘s in a parent <div> and re-render the contents into a new broswer window. Can anyone make any suggestions? I’m using jQuery and .NET.

1. Get all divs in the markup.

   var markupData = $("#names").html();
   

2. Empty div.

   $("#names").empty();
   

3. open new window displaying markupData.

   ???
   

Answer 1

How about:

var html = $("#names").html();
var my_window = window.open("", "mywindow1", "width=350,height=150");

$(my_window.document).find("body").html(html);

Using window.open. Keep a reference to the window you just created and set its HTML.

Example: http://jsfiddle.net/A72TH/

---

If you wanted to append a stylesheet containing CSS rules for the blank page, you could write something like this:

$(my_window.document)
    .find("head")
    .append("<link rel='stylesheet' href='styles.css' />");