我正在尝试打印应用程序的特定部分。
这个应用程序有一个用户列表,显示他们的名字和姓氏。当我点击一个用户时,我会看到一个弹出窗口,上面有关于他们的更多详细信息。
我该如何打印我点击的用户的弹出窗口呢?弹出窗口如下所示:
<div id="user<?=$user->id;?>" class="popup">
<div class="details">
User details...
</div>
<a href="#print">Print</a>
</div>
不过,打印按钮还不起作用。
发布于 2012-10-21 18:58:16
您可以使用简单的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();
发布于 2016-10-13 22:03:57
我做了这个HTML来打印所选元素的jQuery:$('#div2').print();
$.fn.extend({
print: function() {
var frameName = 'printIframe';
var doc = window.frames[frameName];
if (!doc) {
$('<iframe>').hide().attr('name', frameName).appendTo(document.body);
doc = window.frames[frameName];
}
doc.document.body.innerHTML = this.html();
doc.window.print();
return this;
}
});
在动作here中查看它。
发布于 2012-10-21 18:56:48
您必须打开一个新窗口(或导航到新页面),其中只包含您希望用户能够打印的信息
Javscript:
function printInfo(ele) {
var openWindow = window.open("", "title", "attributes");
openWindow.document.write(ele.previousSibling.innerHTML);
openWindow.document.close();
openWindow.focus();
openWindow.print();
openWindow.close();
}
HTML:
<div id="....">
<div>
content to print
</div><a href="#" onclick="printInfo(this)">Print</a>
</div>
这里有几点注意事项:锚点和包含要打印的内容的div之间不能有空格
https://stackoverflow.com/questions/12997123
复制相似问题