Write Content To New Window with JQuery

Question

I have a web page with a DIV element in it. When a user clicks \"print\", I want to print the contents of that div. Please note, I only want to print the contents of the DIV

Answer 1

I found a pretty perfect match of a tutorial for exactly that.. http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

Additionally, you can attact print-only CSS to the page that has everything but what you want turned off.

Answer 2

You can use

$(w.document.body).html(html);

See this example

Answer 3

file1:

function find(input){
    return $(input);
}

function printClick() {
  var w = window.open();
  var html = $("#divToPrintID").html();

  // how do I write the html to the new window with JQuery?
}

and in the second file do that:

var html = window.opener.find("#divToPrintID").html();

Answer 4

Try -

var w = window.open();
var html = $("#divToPrintID").html();
w.document.writeln(html);

Reference - http://www.javascripter.net/faq/writingt.htm