Source code | Barcode : Prototype plugin to create barcode
Tuesday September 19 2017
Google

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
memberType
codestring
type : std25, int25, code93
memberType
codestring
crcboolean
type : msi
memberType
codestring
crcboolean
objectcrc1 : string("mod10", "mod11")
crc2 : string("mod10", "mod11")
type : datamatrix
memberType
codestring
rectboolean (default : false)

type (string)

settings (object)

visual configuration of the barcode

ParameterTypeDefault valueDetailLimitation
barWidthint1width of a bar1D
barHeightint50container height1D
moduleSizeint5largeur / hauteur d'un module2D
showHRIbooltruedisplay text (HRI : Human readable Interpretation)
bgColortext#FFFFFFbackground color
colortext#000000barcode color
fontSizeint10font size of the HRI
outputtextcssoutput type : css, svg, bmp, canvas
renderer : canvas
ParameterTypeDefault valueDetail
posXint0X origine
posYint0Y origine

Example :

	<input type="button" onclick='$("bcTarget").barcode("1234567890128", "ean13",{"barWidth":2, "barHeight":30});' value="Test">