Source code | Barcode : Jquery plugin to create barcode
Monday November 24 2014
Google

JQuery plugin : barcode

Version : 2.0.3
Licence : GPL / Cecill
Date : 2013-01-06
Author: DEMONTE Jean-Baptiste, HOUREZ Jonathan

Download barcode jQuery plugin 2.0.3

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 : 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="ean13">


bcTarget



	<input type="button" onclick='$("#bcTarget2").barcode("1234567", "int25",{barWidth:2, barHeight:30});' value="int25">


bcTarget2



	<input type="button" onclick='$("#bcTarget3").barcode({code: "1234567", crc:false}, "int25",{barWidth:2, barHeight:30});' value="int25 without crc">


bcTarget3