您的位置：首页 > 其它

web页面打印支持分页打印

2007-10-22 10:19 393 查看

在WEB页面上直接打印....

支持分页打印,是用Struts生成的,数据动态加入

内容格式用CSS样式控制,有些内容输入后自动换行

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<%...@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%...@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%...@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

<html>

<HEAD>

<%...@ page

language="java"

contentType="text/html; charset=GBK"

pageEncoding="GBK"

<title>无标题文档</title>

.Noprint{...}{display:none;}

.Ptt {...}{

display:block;

visibility: visible;

}

.PageNext{...}{page-break-after: always;}

</style>

<style>...

.div1 {...}{

padding: 1px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

font-family: "Arial";

}

.pack {...}{

font-size: 16px;

font-weight: bold;

font-family: Arial;

}

.pack2 {...}{

font-size: 16px;

font-weight: bold;

font-family: Arial;

}

#layer1 table{...}{border:solid 1px #fff;border-collapse:collapse;}

#layer1 td{...}{border:solid 1px #000;display:block;}

.item {...}{

font-size: 16px;

font-family: Arial;

font-weight: bold;

}

.item2 {...}{

font-size: 16px;

font-weight:bold;

font-family: Arial;

}

.sty1 {...}{

font-size: 16px;

font-family: Arial;

}

.size12 {...}{

font-family: Arial;

font-size: 12px;

}

.notfull {...}{

font-size: 26px;

font-weight: bold;

}

</style>

var i=1;

function show()...{

var divdiv1=document.getElementById("div1");

/**//*divdiv1.innerHTML=divdiv1.innerHTML+i;

alert("HTML:"+divdiv1.innerHTML);

i++;*/

alert("HTML:"+divdiv1.innerHTML);

//alert("asdf");

}

</script>

</head>

<body>

<p>

</OBJECT>

</p>

<p>

<br/>

</p>

</center>

<td >

<logic:present name="message">

asdf

<bean:write name="message"/>

</font>

</fieldset>

</logic:present>

</td>

</tr>

</table>

</div>

</div>

<tbody>

<tr>

</tr>

<tr>

</tr>

<td height="20" colspan="3"><div align="left"style="word-break : break-all;">Size:Multi</div></td>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

C袋(group A):</label>

</div>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tr>

<td height="12" colspan="6"><div align="left" style="word-break : break-all;">Size:Multi aaaaaaaaaaaaaaaaaaaljksdfklasdjklfjklasjdklfjkasj</div></td>

</tr>

</tr>

<td height="20" colspan="6"><div align="left">Cust Stone Ref:</div></td>

</tr>

asdkjfjlasdljfj lasdfklalksdfjlkakljsdfjkl sdfsljdf jlsjdlfjlksdljfk

</div></td>

</tr>

</tr>

</tbody>

</table>

</div>

C袋(group B):</label>

</div>

<tbody>

<tr>

</tr>

<td height="20" colspan="3"><div align="left">Size:Multi</div></td>

</tr>

</tr>

</tbody>

</table>

</div>

D袋:</label>

</div>

<tbody>

<tr>

</tr>

<tr>

R12345DI(WH) <br />

01277-13778

</div></td>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

T袋:</label>

</div>

<tbody>

<tr>

</tr>

<tr>

R12345DI(WH) <br />

01277-13778

</div></td>

</tr>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

E袋:</label>

</div>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tr>

</tr>

</tr>

<td height="20" colspan="6"><div align="left">工单连袋重:</div></td>

</tr>

</tr>

</tr>

</tbody>

</table>

</div>

</center>

</body>

var a = new Date();

var s=""+a.getFullYear()+ (a.getMonth() + 1)+a.getDate();

//alert(s);

</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

web页面打印 支持分页打印

web页面打印支持分页打印