因为工作需求,项目简单化,所以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可以帮助我们轻松地绑定事件、获取或设置DOM元素属性,以及实现与用户界面的动态交互。 HTML5作为最新的HTML标准,引入了许多新的API和元素,提高了网页开发的效率和功能。例如,Canvas元素...
1. 插件选择:在jQuery中生成条形码,通常需要借助专门的条形码插件,如"jquery-barcode"或"barcodejs"。这些插件提供了API,允许我们通过JavaScript调用来生成条形码图像。 2. 引入插件:首先,在HTML文件中引入...
1. **引入插件**:在HTML文件中引入jQuery库和条码插件的JavaScript文件。 2. **选择元素**:使用jQuery选择器选取需要插入条码的DOM元素。 3. **配置参数**:设置条码类型、数据内容、样式等参数。 4. **生成...
标题"jquery二维条形码"指的是一种利用jQuery库生成二维条形码的技术。在网页开发中,这通常涉及到使用jQuery插件来实现。jQuery的轻量级和易用性使得生成二维条形码的过程变得简单快捷,无需深入了解底层编码和解码...
* 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 CSS 加载插件"就是解决这一问题的一种技术,它能够为网页提供美观且动态的加载效果,提高用户等待期间的体验。这些CSS文件(如load1.css到load8.css)和JavaScript库(如jQuery)的结合使用,可以创建出各种...
总的来说,通过使用jQuery和相关的插件,我们可以轻松地在Web应用中集成条形码和二维码的生成功能。正确引入库,结合提供的文档和实例,可以极大地提高开发效率,同时为用户提供方便快捷的数据交互体验。
二维码(Quick Response Code)是一种二维条形码,能够存储更多的信息,如文本、网址、联系人信息等,并且可以通过手机扫描快速读取。在网页中,我们可以利用这个插件将任意数据转化为二维码,以便用户通过手机扫描...
jQuery库本身并不直接提供生成条形码的功能,但可以通过调用第三方插件如"jquery-barcode"或"jquery-qrcode"来实现。这些插件利用HTML5的Canvas元素或SVG(Scalable Vector Graphics)技术,将数据转化为可视化的...
这种插件允许用户通过网页上的摄像头扫描条形码或二维码,从而增强网页交互性并提供便捷的数据输入方式。下面将详细阐述这一技术实现的原理、步骤以及相关的库和API。 1. **基本原理**: 条形码和二维码扫描的实现...
希望打家下载这个js可以搭配jQuery插件进行条形码的生成
总结来说,"jquery-barcode-2.0.1"是一个强大且易用的jQuery条形码生成插件,它提供了丰富的条形码类型选择和灵活的自定义选项,使得在网页上实现条形码功能变得轻松简单。通过研究和实践提供的示例,开发者可以快速...
对于条形码生成,可以使用`jquery-barcode`插件。使用方法类似,首先引入插件,然后调用函数生成条形码: ```javascript $("#barcodeDiv").barcode("1234567890", "code128", { barWidth: 2, barHeight: 50 }); `...
二维码是一种二维条形码,可以存储文字、数字、URL等多种信息。生成二维码的过程涉及编码、定位、纠错等步骤,其中关键在于将信息转化为矩阵图形。常见的生成库有`qrcode-generator`、`qrcode.js`等,这些库通常提供...
另外,还有`jquery-barcode.js`,这是jQueryBarcode的插件脚本,包含所有生成条形码的函数和方法。同时,`jquery-barcode.html`是一个演示文件,展示了如何在实际项目中应用这个插件。 使用步骤大致如下: 1. **...
`jQuery Barcode` 是一款基于 JavaScript 的库,它允许开发者轻松地在网页上生成条形码。这款库结合了 jQuery 的便利性和 JavaScript 的动态性,为开发者提供了高效、灵活的条形码生成解决方案。 **jQuery Barcode ...
二维码,全称Quick Response Code,快速响应码,是一种二维条形码,可以存储大量的数据,如网址、文本、图片、联系信息等,并且能够被智能手机等设备快速读取。 该插件的主要功能包括: 1. **生成二维码**:通过...
jQuery 插件是扩展jQuery功能的代码片段,它们通常封装了一段特定的功能,如本例中的条形码生成。开发者可以方便地通过调用这些插件,将复杂的功能集成到自己的项目中。 ### 示例代码结构 根据压缩包内的文件名,...
barcode4j-2.1.0-bin---Java条形码生成技术-Barcode4j 插件 jquery-qrcode-----jquery二维码生成插件jquery.qrcode.js插件 JsBarcode--JS条形码(一维码)插件JsBarcode
这个源码示例提供了完整的流程,包括PhoneGap应用结构、jQuery Mobile的Web页面、以及与ZXing交互的Java插件,可以帮助开发者快速理解和实践在Android PhoneGap应用中实现条码扫描功能。通过学习和研究这个例子,...