Zapisywanie zawartości do nowego okna za pomocą JQuery

Question

Mam stronę internetową z elementem DIV. Kiedy użytkownik kliknie "drukuj", chcę wydrukować zawartość tego elementu div. Należy pamiętać, że chcę wydrukować tylko zawartość DIV, a nie całą stronę. Aby spróbować, zdecydowałem, że otworzę nowe okno przy użyciu JavaScript. Miałem zamiar zapisać zawartość DIV w nowym oknie. Moje pytanie brzmi, czy to możliwe z JQuery? Jeśli tak to jak? Obecnie próbuję następujące:

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

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

Answer 1

plik1:

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? 
} 

aw drugim pliku to zrobić:

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

Answer 2

Try -

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

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

Answer 3

znalazłem całkiem idealne dopasowanie z samouczka dla dokładnie to .. http://www.bennadel.com/blog/1591-Ask-Ben-Print-Part-Of-A-Web-Page-With-jQuery.htm

Dodatkowo można attact wydruk tylko CSS do strony, która ma wszystko, co chcesz, ale wyłączony.

Answer 4

Można użyć

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

Zobacz this example