使用javascript的Print函数打印弹出窗口
Print the popup using print function of javascript
我有一个模式弹出"gatepass"。当我点击generate时,它生成了这个网关。在这个网关我有两个按钮关闭和打印。当我点击打印按钮时,我希望打印的是网关而不是背景。请指导我,我该怎么做?
<html>
<head>
<script src="js/calculateamt.js" type="text/javascript"></script>
<link href="CSS/popup.css" rel="stylesheet" type="text/css">
</head>
<body>
<fieldset id="gatepass" class="popup">
<p align="center"><span style="size: 40px; font-size: 24px; alignment-adjust:middle">CASH RECIEPT</span></p>
<table width="453" border="0" align="center" cellpadding="20px">
<tr>
<td width="188" height="51">RECIEPT NO :
<label id="recno"><%=recieptno%></label></td>
<td width="179">DATE : <label id="date"><%=date%></label></td>
</tr>
<tr>
<td height="57">NAME : <label id="name" > <%=firstname%> <%=lastname%></label></td>
<td>VILLAGE : <label id="village"> <%=vill%></label></td>
</tr>
</table>
<p> </p>
<table width="697" height="52" border="0" align="center" cellpadding="20px">
<tr>
<td width="205">AGREEMENT NO : <label id="agrno"> <%=agreno%></label> </td>
<td width="149">LOT NO : <label id="lotno"><%=agreno%>/<%=bag%></label></td>
<td width="151">BAGS : <label id="bags" ><%=bag%></label></td>
<td width="174"> VEHICLE NO : <label id="vehicle"></label></td>
</tr>
</table>
<p> </p>
<table width="200" height="47" border="0" align="center" cellpadding="20px">
<tr>
<td> TOTAL AMOUNT :
<label onloadstart="javascript:totalamt()" id="Totalamt" name ="total"></label></td>
</tr>
</table>
<p align="center">
<p align="center">
<input type="button" name="Print" id="Print" value="PRINT" onClick="window.focus();window.print();">
<input type="button" name="close" id="close" value="CLOSE" onClick = "closePopup();" />
<p> </p>
<p> </p>
<p> </p>
</fieldset>
</body>
</html>
我建议你研究一下打印样式表
http://www.webdesignerdepot.com/2010/01/10-tips-for-better-print-style-sheets/<link rel="stylesheet" type="text/css" href="print.css" media="print" />
相关文章:
- 打印窗口关闭后执行命令
- 打开新窗口进行打印时不显示 JavaScript 图像
- 窗口确认在 AJAX 帖子中打印 HTML 标签
- 打印窗口被浏览器弹出窗口阻止程序阻止
- 如何在新窗口中打开打印
- 从弹出窗口打印图像
- 打印html表格而不提示预览窗口
- Page.ClientScript.RegisterClientScriptBlock窗口.打印无法在IE中工作
- 使用javascript在HTML的输出窗口中打印控制台消息
- 窗口.打印使不透明度的页面背景变为白色
- 更改页面元素后出现窗口打印问题
- 如何在谷歌浏览器中使用 JavaScript 显示窗口打印对话框
- 用Javascript从新窗口打印
- 窗口打印方法在iPad chrome浏览器中不工作
- 检测窗口.打印是确认或取消
- 将当前窗口打印到File/Blob对象
- 窗口.打印然后从c#代码后重定向
- 如何通过自定义打印窗口打印完整的网格视图区域
- Javascript HTML窗口打印问题
- Tryied窗口.用Ajax打开窗口.打印不工作(IE9)