`

jquery 条形码插件

阅读更多

因为工作需求,项目简单化,所以rails3中使用jquery 条形码插件。分享一下:

 

<SCRIPT>
			$(document).ready(function(){
				generateC39 = function(){
					$('.barcode39') .barcode({code:'code39'});
				};
				generateI25 = function(){
					$('.barcodeI25').barcode({code:'I25'});
				};
					
				}
			);
</SCRIPT>

在页面上调用方法的js.

以下是html代码,我只取第一种

 

<H1>CODE 39: string test = "CODE39" <BR><BUTTON onclick=generateC39();>generate 
via JS</BUTTON> </H1>
<!--以上是页面静态显示-->
<DIV 
style="BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid; WIDTH: 503px; HEIGHT: 50px; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid" 
class=barcode39>2kopkp12313 </DIV>
<!--div中 "2kopkp12313 ” 为显示条形码的数字码,即为定单中定单号-->
<BR>
<HR>

 

还包括两个文件,jquery-1.3.2.js,jquery.barcode.0.3.js,分别为jquery库函数文件和条形码形成文件。

只要引用正确两个文件,和变动div 中的数字,就可以形成条形码。

 

给像我一样的初学者使用!!

 

分享到:
评论

相关推荐

    jQuery+HTML5实现条形码插件

    在条形码插件中,jQuery可以帮助我们轻松地绑定事件、获取或设置DOM元素属性,以及实现与用户界面的动态交互。 HTML5作为最新的HTML标准,引入了许多新的API和元素,提高了网页开发的效率和功能。例如,Canvas元素...

    jquery-生成条形码

    1. 插件选择:在jQuery中生成条形码,通常需要借助专门的条形码插件,如"jquery-barcode"或"barcodejs"。这些插件提供了API,允许我们通过JavaScript调用来生成条形码图像。 2. 引入插件:首先,在HTML文件中引入...

    jquery条码打印插件

    1. **引入插件**:在HTML文件中引入jQuery库和条码插件的JavaScript文件。 2. **选择元素**:使用jQuery选择器选取需要插入条码的DOM元素。 3. **配置参数**:设置条码类型、数据内容、样式等参数。 4. **生成...

    jquery二维条形码

    标题"jquery二维条形码"指的是一种利用jQuery库生成二维条形码的技术。在网页开发中,这通常涉及到使用jQuery插件来实现。jQuery的轻量级和易用性使得生成二维条形码的过程变得简单快捷,无需深入了解底层编码和解码...

    jquery css 加载插件

    "jQuery CSS 加载插件"就是解决这一问题的一种技术,它能够为网页提供美观且动态的加载效果,提高用户等待期间的体验。这些CSS文件(如load1.css到load8.css)和JavaScript库(如jQuery)的结合使用,可以创建出各种...

    [jquery]条形码二维码

    总的来说,通过使用jQuery和相关的插件,我们可以轻松地在Web应用中集成条形码和二维码的生成功能。正确引入库,结合提供的文档和实例,可以极大地提高开发效率,同时为用户提供方便快捷的数据交互体验。

    jQuery生成二维码插件.zip

    二维码(Quick Response Code)是一种二维条形码,能够存储更多的信息,如文本、网址、联系人信息等,并且可以通过手机扫描快速读取。在网页中,我们可以利用这个插件将任意数据转化为二维码,以便用户通过手机扫描...

    jQuery-barcode条形码二维码生成

    jQuery库本身并不直接提供生成条形码的功能,但可以通过调用第三方插件如"jquery-barcode"或"jquery-qrcode"来实现。这些插件利用HTML5的Canvas元素或SVG(Scalable Vector Graphics)技术,将数据转化为可视化的...

    html+js 扫一扫条形码和二维码的插件

    这种插件允许用户通过网页上的摄像头扫描条形码或二维码,从而增强网页交互性并提供便捷的数据输入方式。下面将详细阐述这一技术实现的原理、步骤以及相关的库和API。 1. **基本原理**: 条形码和二维码扫描的实现...

    jquery-barcode-2.0.1(条形码插件)

    * Porting : Jquery barcode plugin * Version : 2.0.1 * * Date : September 05, 2010 * Author : DEMONTE Jean-Baptiste (firejocker) * HOUREZ Jonathan * Contact : jbdemonte @ gmail.com * Managed...

    jquery生成条形码

    希望打家下载这个js可以搭配jQuery插件进行条形码的生成

    jquery-barcode-2.0.1.rar

    总结来说,"jquery-barcode-2.0.1"是一个强大且易用的jQuery条形码生成插件,它提供了丰富的条形码类型选择和灵活的自定义选项,使得在网页上实现条形码功能变得轻松简单。通过研究和实践提供的示例,开发者可以快速...

    jQuery二维码,条形码生成实例

    对于条形码生成,可以使用`jquery-barcode`插件。使用方法类似,首先引入插件,然后调用函数生成条形码: ```javascript $("#barcodeDiv").barcode("1234567890", "code128", { barWidth: 2, barHeight: 50 }); `...

    Jquery 二维码生成插件 美化版

    二维码是一种二维条形码,可以存储文字、数字、URL等多种信息。生成二维码的过程涉及编码、定位、纠错等步骤,其中关键在于将信息转化为矩阵图形。常见的生成库有`qrcode-generator`、`qrcode.js`等,这些库通常提供...

    jquery.barcode 生成条形码

    另外,还有`jquery-barcode.js`,这是jQueryBarcode的插件脚本,包含所有生成条形码的函数和方法。同时,`jquery-barcode.html`是一个演示文件,展示了如何在实际项目中应用这个插件。 使用步骤大致如下: 1. **...

    jQuery二维码插件

    二维码,全称Quick Response Code,快速响应码,是一种二维条形码,可以存储大量的数据,如网址、文本、图片、联系信息等,并且能够被智能手机等设备快速读取。 该插件的主要功能包括: 1. **生成二维码**:通过...

    jQuery+HTML5条形码生成代码.zip

    jQuery 插件是扩展jQuery功能的代码片段,它们通常封装了一段特定的功能,如本例中的条形码生成。开发者可以方便地通过调用这些插件,将复杂的功能集成到自己的项目中。 ### 示例代码结构 根据压缩包内的文件名,...

    android phonegao jquery mobile条码扫描例子源码

    这个源码示例提供了完整的流程,包括PhoneGap应用结构、jQuery Mobile的Web页面、以及与ZXing交互的Java插件,可以帮助开发者快速理解和实践在Android PhoneGap应用中实现条码扫描功能。通过学习和研究这个例子,...

    h5 利用手机摄像头,识别条形码

    在现代Web开发中,HTML5已经为开发者提供了一系列强大的功能,其中包括通过手机摄像头实时...在实际应用中,还可以根据需求扩展功能,例如增加多种条形码类型的识别,优化扫描性能,或者将识别结果实时同步到后台系统。

    JsBarcode-barcode4j-2.1.0-jquery-qrcode.zip

    barcode4j-2.1.0-bin---Java条形码生成技术-Barcode4j 插件 jquery-qrcode-----jquery二维码生成插件jquery.qrcode.js插件 JsBarcode--JS条形码(一维码)插件JsBarcode

Global site tag (gtag.js) - Google Analytics