Code source | Barcode : Plugin Jquery d'affichage de code-barres
Lundi 27 mars 2017
Google

Plugin JQuery : barcode

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

Telecharger le plugin jQuery barcode 2.0.3

Installation du plugin JQuery barcode

Comme tout plugin, il suffit d'inclure le fichier source après avoir inclus celui de JQuery.

	<script type="text/javascript" src="jquery-1.3.2.min.js"></script>  
	<script type="text/javascript" src="jquery-barcode.js"></script>

Utilisation du plugin JQuery barcode

Pour utiliser ce plugin, il suffit de définir un container qui accueillera le visuel du code barres

	<div id="bcTarget"></div> 

Exemple d'appel du plugin

	$("#bcTarget").barcode("1234567890128", "ean13"); 	

Prototype de la fonction barcode

	barcode: function(datas, type, settings)

datas

string

Valeur du code barres (dépendante du type de code barres)
Si le type de code barres en inclus, la présence de checksum n'est pas obligatoire, il est automatiquement recalculé

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 (defaut : false)

type (string)

settings (object)

configuration du visuel du code barres

ParamètreTypeValeur par defautDetailLimitation
barWidthint1largeur d'une barre1D
barHeightint50hauteur d'une barre1D
moduleSizeint5largeur / hauteur d'un module2D
bgColortext#FFFFFFcouleur de fond
colortext#000000couleur du code barre
showHRIbooltrueaffichage texte (HRI : Human readable Interpretation)
fontSizeint10Taille de la police du HRI
outputtextcsstype de sortie parmis css, svg et bmp
rendu : canvas
ParamètreTypeValeur par defautDetail
posXint0décallage en X
posYint0décallage en Y

Exemple :

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


bcTarget3