Plugin jQuery : barcode
Version : 2.2.0
Licence : GPL / Cecill
Date : 2019-02-21
Auteur: DEMONTE Jean-Baptiste, HOUREZ Jonathan
Telecharger le plugin jQuery barcode 2.2.0
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 | |
|---|---|
| member | Type |
| code | string |
| type : std25, int25, code93 | |
|---|---|
| member | Type |
| code | string |
| crc | boolean |
| type : msi | ||
|---|---|---|
| member | Type | |
| code | string | |
| crc | boolean | |
| object | crc1 : string("mod10", "mod11") | |
| crc2 : string("mod10", "mod11") | ||
| type : datamatrix | |
|---|---|
| member | Type |
| code | string |
| rect | boolean (defaut : false) |
type (string)
- codabar
- code11 (code 11)
- code39 (code 39)
- code93 (code 93)
- code128 (code 128)
- ean8 (ean 8)
- ean13 (ean 13)
- std25 (2 parmi 5 standart - industriel)
- int25 (2 parmi 5 entrelacé)
- msi
- datamatrix (ASCII + étendu)
settings (object)
configuration du visuel du code barres
| Paramètre | Type | Valeur par defaut | Detail | Limitation |
|---|---|---|---|---|
| barWidth | int | 1 | largeur d'une barre | 1D |
| barHeight | int | 50 | hauteur d'une barre | 1D |
| moduleSize | int | 5 | largeur / hauteur d'un module | 2D |
| bgColor | text | #FFFFFF | couleur de fond | |
| color | text | #000000 | couleur du code barre | |
| showHRI | bool | true | affichage texte (HRI : Human readable Interpretation) | |
| fontSize | int | 10 | Taille de la police du HRI | |
| output | text | css | type de sortie parmis css, svg et bmp |
| rendu : canvas | |||
|---|---|---|---|
| Paramètre | Type | Valeur par defaut | Detail |
| posX | int | 0 | décallage en X |
| posY | int | 0 | dé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