Barcode jQuery Plugin
En este artículo vamos a ver como utilizar el plugin Barcode de jQuery para crear códigos de barras con aspectos como los siguientes:
El plugin permite crear distintos tipos de códigos de barras como: ean8, ean13, code11, code39, code128, codabar… y además permite añadir una serie de settings o configuraciones para la visualización del código de barras.
Para utilizarlos en tu página Web tan solo tienes que añadir la librería jQuery, el plugin barcode y su llamada de la siguietne forma por ejemplo:
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-barcode-last.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bcTarget").barcode("1234567890128", "ean13");
});
</script>
Y luego en el <body> disponer de este contenedor con id=»bcTarget» donde ser cargará el código de barras.
<div id="bcTarget"></div>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
8 respuestas a “Barcode jQuery Plugin”
Deja una respuesta
como puedo hacerlo con un array?
Hola,
Busca información sobre la función each de jQuery.
Saludos
me podrias orientar para hacerlo con un array .. no he visto codigos parecidos todavia
Hola,
Busca información sobre la función each de jQuery.
Saludos
Hola buenas, como podría añadirlo a magento? tienes algún tutorial
gracias
Hola Jose,muy bueno el tutorial. Lo que quiera preguntarte es como tendria que hacer para pasarle a barcode un numero que es resultado de una extracion de datos de un archivo XML, o sea yo leo un dato de un archivo XML desde HTML y ese dato es el que quiero que me lo muestre como codigo de barras. Seria posible esto? Mil Gracias!Saludos!Maria
Hola,
Si que sería posible. Tienes que ver la forma de incrustar código php dentro del javascript para cambiar el número por tu variable en:
$(«#bcTarget»).barcode(«1234567890128», «ean13»);
Creo que puedes substituir 1234567890128 por <?php echo $variable; ?>
Saludos
hola me gusta mucho su tutorial pero al ejecutarlo el ejercico el qe esta aqui http://barcode-coder.com/en/barcode-jquery-plugin-201.html funciona bien pero con jquery-1.3.2.min.js y cuando le coloco jquery-1.7.2.min.js no funciona