Yas*_*tha 2 javascript php html-table
我在PHP页面中有一个表.这是发票.所以我想在添加项目后打印它,我已经完成了编码部分,所有的东西都正常工作.
现在我只想按一个按钮将该发票表打印到纸上.我在Google上搜索过,但没有发现这样做的线索.
谁能帮我?
这是我右手边的桌子.它由左侧的表格填充,所以我只想打印右侧的表格:
试试这个:
id向表中添加属性your_content
放置锚标记:
<a href="javascript:void(0);" id="printPage">Print</a>
Run Code Online (Sandbox Code Playgroud)
并添加脚本:
此脚本最初将显示表格内容的打印预览.
<script lang='javascript'>
$(document).ready(function(){
$('#printPage').click(function(){
var data = '<input type="button" value="Print this page" onClick="window.print()">';
data += '<div id="div_print">';
data += $('#your_content').html();
data += '</div>';
myWindow=window.open('','','width=200,height=100');
myWindow.innerWidth = screen.width;
myWindow.innerHeight = screen.height;
myWindow.screenX = 0;
myWindow.screenY = 0;
myWindow.document.write(data);
myWindow.focus();
});
});
Run Code Online (Sandbox Code Playgroud)
复制脚本部分并将其放在页面顶部.并将打印链接[上面的锚标记]放在任何地方.并确保您已包含jquery脚本文件.
这对于像jQuery这样的情况来说太微不足道了所以你应该使用普通的Javascript来做到这一点.将它放在页面上的某个位置,看看它是否有效:
<a href="javascript:void(0);" onclick="printPage();">Print</a>
<script type="text/javascript">
function printPage(){
var tableData = '<table border="1">'+document.getElementsByTagName('table')[0].innerHTML+'</table>';
var data = '<button onclick="window.print()">Print this page</button>'+tableData;
myWindow=window.open('','','width=800,height=600');
myWindow.innerWidth = screen.width;
myWindow.innerHeight = screen.height;
myWindow.screenX = 0;
myWindow.screenY = 0;
myWindow.document.write(data);
myWindow.focus();
};
</script>??????
Run Code Online (Sandbox Code Playgroud)
你可以在这里看到演示:http://jsfiddle.net/Pxqtb/
| 归档时间: |
|
| 查看次数: |
11956 次 |
| 最近记录: |