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

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
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">


bcTarget