Prototype plugin : barcode
Version : 1.3.2
Date : October 3rd 2009
Author: DEMONTE Jean-Baptiste
Download barcode Prototype plugin 1.3.2
Download barcode Prototype plugin 1.3.2 - minified version
Download a sample
Barcode Prototype plugin installation
Like any plugin, just inclure the source file after including that of Prototype.
<script type="text/javascript" src="prototype.min.js"></script> <script type="text/javascript" src="prototype-barcode.js"></script>
Using barcode Prototype 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(element, datas, type, settings)
element
Prototype Element (current object, sent by Prototype)
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">