jquery-barcode:js实现的条码打印

这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html

使用示例:

 1 <!doctype html>
 2 <html>
 3     <head>
 4         <title>jQuery Barcode</title>
 5         <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
 6         <script type="text/javascript" src="jquery-barcode.js"></script>
 7         <style type="text/css">
 8         .barcodeImg{margin:10px 0px}
 9         </style>
10     </head>
11     <body>
12         <div style="margin:10px">
13             <input id="src" value="11225921991"></input><br/>
14             <input type="button" onclick='code11()' value="code11">
15             <input type="button" onclick='code39()' value="code39">
16             <input type="button" onclick='code93()' value="code93">
17             <input type="button" onclick='code128()' value="code128">
18             <input type="button" onclick='ean8()' value="ean8">
19             <input type="button" onclick='ean13()' value="ean13">
20             <input type="button" onclick='ean13()' value="std25">
21             <input type="button" onclick='int25()' value="int25">
22             <input type="button" onclick='msi()' value="msi">
23             <input type="button" onclick='datamatrix()' value="datamatrix">
24             <div id="bcTarget" class="barcodeImg"></div>
25         </div>
26
27         <script type="text/javascript">
28
29
30         function code11(){
31             $("#bcTarget").empty().barcode($("#src").val(), "code11",{barWidth:2, barHeight:30,showHRI:false});
32         }
33
34         function code39(){
35             $("#bcTarget").empty().barcode($("#src").val(), "code39",{barWidth:2, barHeight:30,showHRI:false});
36         }
37
38         function code93(){
39             $("#bcTarget").empty().barcode($("#src").val(), "code93",{barWidth:2, barHeight:30,showHRI:false});
40         }
41
42         function code128(){
43             $("#bcTarget").empty().barcode($("#src").val(), "code128",{barWidth:1, barHeight:30,showHRI:false});
44         }
45
46         function ean8(){
47             $("#bcTarget").empty().barcode($("#src").val(), "ean8",{barWidth:2, barHeight:30,showHRI:false});
48         }
49
50         function ean13(){
51             $("#bcTarget").empty().barcode($("#src").val(), "ean13",{barWidth:2, barHeight:30,showHRI:false});
52         }
53
54         function std25(){
55             $("#bcTarget").empty().barcode($("#src").val(), "std25",{barWidth:2, barHeight:30,showHRI:false});
56         }
57
58         function int25(){
59             $("#bcTarget").empty().barcode($("#src").val(), "int25",{barWidth:2, barHeight:30,showHRI:false});
60         }
61
62         function msi(){
63             $("#bcTarget").empty().barcode($("#src").val(), "msi",{barWidth:2, barHeight:30,showHRI:false});
64         }
65
66         function datamatrix(){
67             $("#bcTarget").empty().barcode($("#src").val(), "datamatrix",{barWidth:2, barHeight:30,showHRI:false});
68         }
69         </script>
70
71     </body>
72 </html>

示例源码地址:jquery-barcode.zip

时间: 2024-11-08 18:04:47

jquery-barcode:js实现的条码打印的相关文章

jQuery插件jquery-barcode实现条码打印的方法_jquery

本文实例讲述了jQuery插件jquery-barcode实现条码打印的方法.分享给大家供大家参考,具体如下: 这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html 使用示例: <!doctype html> <html> <head> <title>jQuery Barcode</title> <script type="

jquery.printarea.js 局部打印通过代码怎么实现去掉页眉页脚

问题描述 如题,请教高手,怎么才能通过js代码的方式去掉页眉和页脚?在网上查了半天也没解决.如果有别的打印方法也可以,要亲测可以用的.网上的那种方法别贴了,测试用不成. 解决方案 解决方案二:我也想知道?你去掉了解没,怎么去的解决方案三:jquery.PrintArea.js解决方案四:好心人用jquery.PrintArea.js这样怎么去页眉页脚解决方案五:我也想知道..解决方案六:我也想知道帮忙顶解决方案七:我也想知道顶解决方案八:IE文件菜单-->页面设置,里边将页眉页脚设置为空就OK.

js调用iframe实现打印页面内容的方法

 这篇文章主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下 1.程序说明   1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印: 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容.   2.代码部分   1) JS 函数:  代码如下: function do_print(id_str)//id-str 打印区域的id { var el = document.getElementById(id_str); v

jQuery树形插件jquery.simpleTree.js用法分析_jquery

本文实例讲述了jQuery树形插件jquery.simpleTree.js用法.分享给大家供大家参考,具体如下: 最近写项目的cms系统,客户要求后台管理可以通过一棵树来展现整个帮助文档的结构,并通过拖拽操作来实现文章和栏目的位置排列变化,我在网上找来半天,决定使用jQuery.simpleTree.js来实现. 这个树控件支持拖动节点到新的位置,通过其提供aftermove函数的覆写,我们可以在其拖动完成后在aftermove函数中调用ajax来后台更改数据库来保存拖动的结果 同时这个树的节点

js调用iframe实现打印页面内容的方法_jquery

1.程序说明 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印:2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容. 2.代码部分 1) JS 函数: 复制代码 代码如下: function do_print(id_str)//id-str 打印区域的id{var el = document.getElementById(id_str);var iframe = document.createElement('IFRAME');var

c# 斑马打标机条码打印

问题描述 需要做一个项目,但是没有还没有买斑马打标机,因为没有做过相关打条码的开发,所以想咨询下各位有过斑马打标机条码打印开发经验的朋友.我的思路如下,普通打印机,是可以实现清晰的条码打印,并扫描识别成功.1.根据需要打印的序列号,条码,其他标签等信息,直接在打印机上绘图,调用的是C#提供的PrintDocument控件,部分代码如下:publicoverridevoidMyPrintDocument_PrintPage(objectsender,PrintPageEventArgse){var

表单验证代码实例:jquery.validate.js表单验证插件

文章简介:很好用的JQuery表单验证插件--jquery.validate.js. jquery.validate.js是JQuery旗下的一个验证插件,借助JQuery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法.使用前请先下载必要的JQuery插件:jquery-1.4.2.min.js和jquery.validate.min.js. 下面演示如何使用jquery.validate.js插件进行表单的验证. 这是HTML表单:<form id="regFro

几个专业条码打印软件试用感受

现在有3个选择,呵呵! 今天用coreldraw画条码了,还不错!打同样的条码比较方便!位置的确定也还可以 CodeSoft 6.0 专业标签设计打印软件 专业的软件都可以精确定位,可以精确设定条码的宽.高,这样用起来随心所欲,比较方便! [这个我已经安装.破解注册了6.02企业版,功能非常强大] BarTender7.1条形码软件企业版简体中文版 [30天试用版功能不受限制,看了,非常好用] 今天下载了几个专业的条码打印软件. CodeSoft 6.0 专业标签设计打印软件 [这个我已经安装.

jquery.blockUI.js实现上传滚动等待效果

 请求的url: function request(url, onSuccess, paras, method, isAsync, isMask) { $.ajax({type:method,url:url,async:isAsync,data:paras,success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask) $('#div_mask').unblock();},beforeSend