JQuery plugin : barcode
Version : 1.3.3
Date : October 17 2009
Author: DEMONTE Jean-Baptiste
Download barcode JQuery plugin 1.3.3
Download barcode JQuery plugin 1.3.3 - minified version
Download a sample
Barcode JQuery plugin installation
Like any plugin, just inclure the source file after including that of JQuery.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery-barcode.js"></script>
Using barcode JQuery plugin
To use this plugin, symply define a container th host the visuel barcode
<div id="bcTarget"></div>
Using example of the plugin
$("#bcTarget").barcode("1234567890128", "ean13");
Prototype of the barcode function
barcode: function(datas, type, settings)
datas
string
Value barcode (dependent on the type of barcode)
If barcode type include it, the presence of the checksum is not mandatory, it ise automatically recalculated
object
| type : ean8, ean13, code11, code39, code128, codabar | |
|---|---|
| member | Type |
| code | string |
| type : std25, int25, code93 | |
|---|---|
| member | Type |
| code | string |
| crc | boolean |
| type : msi | ||
|---|---|---|
| member | Type | |
| code | string | |
| crc | boolean | |
| object | crc1 : string("mod10", "mod11") | |
| crc2 : string("mod10", "mod11") | ||
type (string)
- codabar
- code11 (code 11)
- code39 (code 39)
- code93 (code 93)
- code128 (code 128)
- ean8 (ean 8)
- ean13 (ean 13)
- std25 (standard 2 of 5 - industrial 2 of 5)
- int25 (interleaved 2 of 5)
- msi
settings (object)
visual configuration of the barcode
| Parameter | Type | Default value | Detail |
|---|---|---|---|
| barWidth | int | 1 | width of a bar |
| barHeight | int | 50 | container height |
| showHRI | bool | true | display text (HRI : Human readable Interpretation) |
| bgColor | text | #FFFFFF | background color |
| color | text | #000000 | barcode color |
| fontSize | text | 10px | font size of the HRI |
| output | text | css | output type : css, svg or bmp |
Example :
<input type="button" onclick='$("#bcTarget").barcode("1234567890128", "ean13",{barWidth:2, barHeight:30});' value="Test">
bcTarget