Códigos QR » Programación http://www.codigos-qr.com Información sobre Códigos QR, Lectores y Generadores QR Codes Fri, 09 Dec 2011 18:39:05 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 QR Tooltips for jQuery. Añade tooltips con códigos QR a tus links http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/ http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/#comments Sat, 03 Dec 2011 12:21:39 +0000 CODIGO QR http://www.codigos-qr.com/?p=347 QR Tooltips for jQuery es un sencillo script basado en jQuery desrrollado por  Konstantin Kovshenin que te permite añadir a los enlaces un pequeño popup que muestra el código QR correspondiente al enlace señalado tal y como se muestra en la imagen siguiente.

Añadir Qr Code en links con jquery

Ver demo

Instrucciones de Uso

QR Tooltips sólo requiere incluir los ficheros javascript necesarios y el archivo css que permitirá visualizar la burbuja emergente. Puedes descargar el fichero zip que contiene los archivos desde este enlace:  Descargar Archivo Zip

Luego añadir estas líneas de código en la seccion head de la página:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="qrtip-1.0-jquery.js"></script>
<script type="text/javascript">
 jQuery(document).ready(function()
    {
        jQuery('a').qr({size: 80});
    });
</script>

 

Realmente sencillo y práctico de usar , thank you very much Konstantin ;-)

 

]]> http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/feed/ 0