[解決済み] ウェブページの特定部分を印刷する

質問

アプリケーションの特定の部分を印刷しようとしています。

アプリケーションにはユーザーのリストがあり、彼らの姓と名が表示されます。ユーザーをクリックすると、そのユーザーに関するより詳細な情報がポップアップで表示されます。

クリックしたユーザーのポップアップだけを印刷するにはどうしたらよいでしょうか。 ポップアップは次のようなものです。

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

印刷ボタンはまだ機能していませんが。

どのように解決するのですか？

簡単な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();