#jQuery.EAN13.js jQuery.EAN13.js is a lightweight library available as plain JavaScript and as jQuery plugin for the generation of EAN-13 barcodes.

##Usage##

###Include Plugin### Insert the following code into the head section of you page:

####JavaScript####

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

####jQuery####

<script type="text/javascript" src="ean13.min.js"></script>

Make sure to include this after the jQuery-library.

###Insert Canvas### At the place where you want to insert the barcode insert this code:

<canvas id="ean" width="200" height="100">
	Your browser does not support canvas-elements.
</canvas>

You may change the dimensions of the element. The barcode will automatically be resized.

###Simple barcode### For printing the barcode without any further options use the following code. If you don't provide a check digit (just a 12 digit code) it will be generated for you on the fly.

####JavaScript####

var element = document.getElementById("ean");
new EAN13(element, "9002236311036");

####jQuery####

$("#ean").EAN13("9002236311036");

##Options##

The library provides some options and callback functions. To use them simply provide a option object as the second argument.

###Example###

####JavaScript####

var options = {
	number: false,
	prefix: false,
	onSuccess: function(){
	  alert("Heeeey!");
	}
}

new EAN13(document.getElementById("ean"), "9002236311036", options);

####jQuery####

$("#ean").EAN13("9002236311036", {
	number: false,
	prefix: false
});

###List of options###

identifier | type | default value | description -----------|---------|---------------|------------- number | boolean | true | If true the number is printed underneath the barcode to be readable for humans. prefix | boolean | true | If true the country prefix (to be precise the first digit of it) is printed at the left of the barcode. color | string | #000 | The color of the barcode. Accepts any CSS colors e.g. #ff0000, green, rgb(0,0,0) or rgb(0,0,0,0.5). background | string | null | The background color of the barcode. Accepts any CSS colors e.g. #ff0000, green, rgb(0,0,0) or rgb(0,0,0,0.5). Default is null = transparent debug | boolean | false | If true a pattern is drawn on the barcode to help identify the lines. padding | int | 0 | Adds a padding arround the code (in pixel)

###List of callbacks###

identifier | description -------------------|--------- onValid() | Fired if the checksum of the provided code is correct. Not used if a 12 digit code is provided. onInvalid() | Fired is the checksum is not correct. Not used if a 12 digit code is provided. onSuccess(number) | Fired at the end of the painting process and if no errors occurred. Gives the number (including generated or provided checksum) as parameter. onError() | Fired if the were any errors while painting. (For instance the canvas element is not present)