网页打印控件Lodop(V5.x)使用说明及样例
代码:
引用及设置参数
<head id="Head1" runat="server">
<title>打印测试</title>
<script language="javascript" src="Print/CheckActivX.js"></script>
<object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0"
height="0">
</object>
<link href="css/PrintLine.css" rel="stylesheet" type="text/css" media="all" />
<script language="javascript">CheckLodop();</script>
<script language="javascript" type="text/javascript">
function Preview() {
var strBodyStyle="<link type='text/css' rel='stylesheet' media='all' href=\"css/PrintLine.css\" />";
var strFormHtml=strBodyStyle+"<body>"+document.getElementById("content").innerHTML+"</body>";
LODOP.ADD_PRINT_HTM(18,40,650,1000,strFormHtml);//里面值的意思 top left 宽度 高度 innerHTML
LODOP.PREVIEW();
};
function Design() {
CreatePrintPage();
LODOP.PRINT_DESIGN();
};
function CreatePrintPage() {
var strBodyStyle = "<link type='text/css' rel='stylesheet' media='all' href=\"css/PrintLine.css\" />";
var strFormHtml=strBodyStyle+"<body>"+document.getElementById("content").innerHTML+"</body>";
LODOP.SET_PRINT_PAPER(10,10,754,1100,"www.coo3.com");//打印初始化 上边距,左边距 ,可编辑宽度,可编辑高度,任务名
LODOP.ADD_PRINT_HTM(18, 40, 650, 1000, strFormHtml); //里面值的意思 top left 宽度 高度 innerHTML
};
</script>
<%-- <script type="text/javascript">
window.resizeTo(1300, 900);
function printJourney() {
// EditAreaBottom.printing.portrait = false;//false 横向打印 true纵向打印
window.print();
EditAreaBottom.style.display='';}
</script>--%>
</head>
调用:
<input type="button" value="打印预览" name="B3" onclick="Preview()">
<input type="button" value="打印设计" name="B3" onclick="Design()">