Source code | Barcode : Prototype plugin to create barcode
Wednesday March 10 2010
Google

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

type (string)

settings (object)

visual configuration of the barcode

ParameterTypeDefault valueDetail
barWidthint1width of a bar
barHeightint50container height
showHRIbooltruedisplay text (HRI : Human readable Interpretation)
bgColortext#FFFFFFbackground color
colortext#000000barcode color
fontSizetext10pxfont size of the HRI
outputtextcssoutput type : css, svg or bmp

Example :

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