Prototype plugin : barcode
Version : 2.0.3
Licence : GPL / Cecill
Date : 2013-01-06
Author: DEMONTE Jean-Baptiste
Download barcode Prototype plugin 2.0.3
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 : datamatrix | |
---|---|
member | Type |
code | string |
rect | boolean (default : false) |
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
- datamatrix (ASCII + extended)
settings (object)
visual configuration of the barcode
Parameter | Type | Default value | Detail | Limitation |
---|---|---|---|---|
barWidth | int | 1 | width of a bar | 1D |
barHeight | int | 50 | container height | 1D |
moduleSize | int | 5 | largeur / hauteur d'un module | 2D |
showHRI | bool | true | display text (HRI : Human readable Interpretation) | |
bgColor | text | #FFFFFF | background color | |
color | text | #000000 | barcode color | |
fontSize | int | 10 | font size of the HRI | |
output | text | css | output type : css, svg, bmp, canvas |
renderer : canvas | |||
---|---|---|---|
Parameter | Type | Default value | Detail |
posX | int | 0 | X origine |
posY | int | 0 | Y origine |
Example :
<input type="button" onclick='$("bcTarget").barcode("1234567890128", "ean13",{"barWidth":2, "barHeight":30});' value="Test">