LODOP打印插件
HTML代码(请先下载对应LODOP插件安装) - 打印onclike事件CreatePrintPage()打印函数,LODOP.PREVIEW()打印预览。
<div class="container-fluid">
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0"
height="0">
<embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0"></embed>
</object>
<font size="6"><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true" onclick="history.back();"></span>如果您所使用的计算机是第一次使用本系统,请安装所需控件。<a href="install_lodop32.zip">点击下载</a></font><br />
进入<a style="font-size:20px;font-weight:bold;" href="javascript:;" onclick="javascript: CreatePrintPage(); LODOP.PREVIEW(); ">打印</a>
进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a>
</div>
Js 方法 - 画线条 文本 条形码等设置,满足一般打印功能,可分页打印多张
function CreatePrintPage() {
LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));
LODOP.SET_PRINT_PAGESIZE(0, 1000, 1800, "");//设置整体打印面单宽1000mm,高1800mm
LODOP.NewPage();//分页打印,第一页忽略
LODOP.ADD_PRINT_RECT("0.1cm", "0.1cm", "9.8cm", "17.8cm", 0, 1); //画线条参数对应 顶端 左端 宽 高 框为实线(0-实线 1-破折线 2-点线 3-点划线 4-双点划线)、线宽为1px
LODOP.ADD_PRINT_TEXT("3.68cm", "0.16cm", "0.56cm", "0.52cm", "文字内容");//填写文字信息参数对应 顶端 左端 文本框宽 高 文字内容
LODOP.SET_PRINT_STYLEA(0, "FontSize", 9);//设置文本样式 参数对应 0表示临近的文本信息 字体大小
LODOP.SET_PRINT_STYLEA(0, "FontName", "黑体"); //设置文本样式 参数对应 0表示临近的文本信息 字体样式
LODOP.ADD_PRINT_BARCODE(\"6.72cm\", \"0.66cm\", \"8.63cm\", \"1.96cm\", \"128A\", "000001001"); //条形码 参数对应 顶端 左端 条形码宽 高 条形码格式 条码下方数字或文字
LODOP.SET_PRINT_STYLEA(0, \"FontSize\", 7); //设置条码下方文本格式大小
}
function getLodop(oOBJECT,oEMBED){
/**************************
本函数根据浏览器类型决定采用哪个对象作为控件实例:
IE系列、IE内核系列的浏览器采用oOBJECT,
其它浏览器(Firefox系列、Chrome系列、Opera系列、Safari系列等)采用oEMBED,
对于64位浏览器指向64位的安装程序install_lodop64.exe。
**************************/
var strHtmInstall="<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop32.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
var strHtmUpdate="<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop32.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";
var strHtm64_Install="<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='install_lodop64.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
var strHtm64_Update="<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='install_lodop64.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";
var strHtmFireFox="<br><br><font color='#FF00FF'>注意:<br>1:如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它。</font>";
var LODOP=oEMBED;
try{
var isIE = (navigator.userAgent.indexOf('MSIE')>=0) || (navigator.userAgent.indexOf('Trident')>=0);
var is64IE = isIE && (navigator.userAgent.indexOf('x64')>=0);
if (isIE) LODOP=oOBJECT;
if ((LODOP==null)||(typeof(LODOP.VERSION)=="undefined")) {
if (navigator.userAgent.indexOf('Firefox')>=0)
{document.documentElement.innerHTML=strHtmFireFox+document.documentElement.innerHTML;};
if (is64IE) {document.write(strHtm64_Install);} else
if (isIE) {document.write(strHtmInstall); } else
{document.documentElement.innerHTML=strHtmInstall+document.documentElement.innerHTML;};
return LODOP;
} else
if (LODOP.VERSION<"6.1.5.8") {
if (is64IE){document.write(strHtm64_Update);} else
if (isIE) {document.write(strHtmUpdate); } else
{document.documentElement.innerHTML=strHtmUpdate+document.documentElement.innerHTML; };
return LODOP;
}
//=====如下空白位置适合调用统一功能:=====
//=======================================
return LODOP;
}catch(err){
if (is64IE)
document.documentElement.innerHTML="Error:"+strHtm64_Install+document.documentElement.innerHTML;else
document.documentElement.innerHTML="Error:"+strHtmInstall+document.documentElement.innerHTML;
return LODOP;
}
}
LODOP打印插件的更多相关文章
- chrome升级后LODOP打印插件无法使用
今天帮朋友使用LODOP实现一个套打程序时,发现LODOP打印插件在chrome下始终无法使用.分析后发现是自己才升级了chrome,chrome新版默认是禁用npapi的,因此需要手动启用一下,启用 ...
- [原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.
最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引 ...
- lodop打印收费小票
//收费系统打印机功能:收费/退费,需要使用到lodop var LODOP;//打印机 $(function () { //初始化 $("body").append('<o ...
- 专业的web打印插件
Lodop是什么?参考官方网站:http://www.lodop.net/ 有人说她是Web打印控件,因为她能打印.在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来: 有人说她是打印编程 ...
- Lodop打印控件在页面如何使用
Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件.客户端本地打印角色(即用户访问网站后 用自己链接的打印机进行客户端本地打印),步骤很少,部署简单:Lo ...
- js前台调用lodop打印
lodop简单介绍 lodop的打印功能已经非常强大,也在带web端的图形界面,可以供用户使用.使用js在前台调用lodop打印,一般分为两种方法: 1:特殊的指令打印,这种打印方式,是采用的与js无 ...
- LODOP打印超文本保留背景色带平铺水印
前面的博文:LODOP中设置设置图片平铺水印,超文本透明. 介绍过 ,如果不想去掉超文本的背景色,想在超文本背景色和超文本内容文字之间加上水印,让水印在背景色上面,文字下面,是不行的,因为平铺的图片和 ...
- jQuery简单易用的网页内容打印插件
简要教程 jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件.该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容.并且提供了丰富的 ...
- asp.net 实现在线打印功能,jQuery打印插件PrintArea实现自动分页
使用的组件:jQuery打印插件PrintArea,有兴趣的可以研究一下. 使用方法略过,这里将介绍如何实现打印多页是可以分页. 现在提供两种方法思路: 1.根据特定的打印机型号和使用的纸张类型,然后 ...
随机推荐
- C语言程序代写
MTRX1702 - C ProgrammingAssignment 1This assignment requires you to design and build a program to co ...
- [emacs org-mode小技巧] org-indent-mode 让文档更容易阅读
刚发现Emacs的org-mode里面一个叫做 org-indent-mode 的minor mode对于阅读org-mode文档很不错,版面看起来清晰多了: 从上图可以看到,org-indent-m ...
- Spark源码系列(九)Spark SQL初体验之解析过程详解
好久没更新博客了,之前学了一些R语言和机器学习的内容,做了一些笔记,之后也会放到博客上面来给大家共享.一个月前就打算更新Spark Sql的内容了,因为一些别的事情耽误了,今天就简单写点,Spark1 ...
- AD10长方形通孔焊盘的画法
1.点击工具栏中[放置焊盘]按钮 2.按键盘Tab键弹出[焊盘]对话框 3.设置[空洞信息]相关尺寸(根据自己所需实际设置) 这里左边的单选按钮选择“槽”,通孔尺寸输入20mil,长度为80mil,旋 ...
- 头文件 string.h cstring string 区别
1.#include <cstring> //不可以定义string s:可以用到strcpy等函数using namespace std; #include <stri ...
- ubuntu下解决wireshark权限问题
wireshark要监控eth0,但是必须要root权限才行.但是,直接用root运行程序是相当危险,也是非常不方便的. 解决方法如下: 1.添加wireshark用户组 sudo groupadd ...
- UNIX环境高级编程笔记之进程环境
本章讲的都是一些非常基础的知识,目的是为了下一章讲进程控制做铺垫,所以,本章就不做过多的总结了,直接看图吧.
- 【Android】Activity生命周期(亲测)
测试手机:Nexus 5 系统:4.4 一.测试 测试代码: package com.example.androidalarm; import android.app.Activity; impo ...
- [原]SQLite的学习系列之获取数据库版本二
本系列文章主要是使用C++语言来调用其API,达到管中窥豹的目的.另外本文使用的开发环境为mac + clion,并且基于SQLite 3.7.14来进行开发. 一.去下载sqlite-amalgam ...
- symfony安装使用
symfony是一个强大的具有DI特性的框架,目前比较流行的php开发框架Drupal,Laravel底层都是使用了symfony. 想了解symfony更多内容,传送门 安装symfony很简单,一 ...