Suggestion: support data-barcode on target object

I am using your great library in an web application where the barcode value(s) are being output from a db. As the values for that barcode are dynamic and there will be more than one barcode I can’t construct the values in JS by using an ID.

For the time being I use a jQuery snippet which reads the barcode information from the data property.

As your script uses string.search it is necessary to first cast the result of the data-call value to string to avoid an exception.

HTML <img class="barcode" data-barcode="4012700014825">

JS

$(document).ready(function () {
    $('.barcode').each(function () {
        var barcodeValue = "" + $( this ).data('barcode'),
            barcodeType = "ean" + barcodeValue.length;

        $( this ).JsBarcode(barcodeValue, {
            format: barcodeType , 
            height: 40, 
            displayValue:true, 
            fontSize:14, 
            textMargin: 2, 
            background: "transparent", 
            margin: 0
        });
    });            
});

It would be great to add support for this data property by default.

[lindell]

Did release v3.3.0 now. Closing the issue.

[lindell]

v3.3.0-beta.2 added the missing support of jQuery init (of more than 1 element).

$(".barcode").JsBarcode().init();