打印网页的特定部分

Question

我正在尝试打印应用程序的特定部分。

该应用程序有一个用户列表，显示他们的名字和姓氏。当我单击用户时，会弹出一个窗口，其中包含有关他们的更多详细信息。

我该如何只为我单击的用户打印弹出窗口？弹出窗口如下所示：

 <div id="user<?=$user->id;?>" class="popup">
      <div class="details">
           User details...
      </div>
      <a href="#print">Print</a>
 </div>

打印按钮仍然无法使用。

Answer 1

您可以使用简单的JavaScript从页面上打印特定的div。

var prtContent = document.getElementById("your div id");
var WinPrint = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();