Hace un tiempo les recomendaba una herramienta para generar códigos QR de forma manual, ahora les quiero mostrar una forma de generar estos códigos utilizando jQuery y mostrarlos por medio de un moderno popup modal.
El plugin jQuery en cuestión se llama qrTip, y nos permite generar los famosos códigos QR utilizando el API de Google Charts. Una vez que generamos automáticamente los códigos vamos a mostrarlos en los enlaces mediante un popup según corresponda.
Si lo desean pueden ver al plugin funcionando desde su demostración online.
Utilizar este plugin es muy simple, una vez instaladas las bibliotecas necesarias simplemente tendremos que pasar por parámetros el identificador o clase a la que le queremos aplicar el código.
jQuery(document).ready(function() {
jQuery('a').qr();
});
El plugin utiliza ColorTip que es otro plugin pero que sirve para mostrar los pequeños tooltips que contienen las imágenes codificadas en QR. Al momento de descargar el plugin el archivo comprimido contiene todos los archivos necesarios para su implementación.
Web: qrTip
