QR Tooltips for jQuery. Añade tooltips con códigos QR a tus links

Share on Facebook6Tweet about this on Twitter4Share on Google+6Share on LinkedIn0Pin on Pinterest0

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

 

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

 

  • Alejandro Martinez

    Esta xevere ese dato del jquery…… queria preguntarte otra cosa, fuera de este tema,…. lo que pasa es que quiero poner vcard en qr, pero veo que con todos los datos que le pongo, el qr se hace mas complejo y por ende tiene que ser mas grande. Yo estuve pensando, si habria una opcion de solo tener un link corto a una pagina X. y en esta pagina alojo todos mis datos de contacto, pero que el movil o tablet al leeerlo, automaticamente guarde estos datos como un contacto en mi agenda. Hay forma de hacer eso?,…. ya que seria buenisimo, con un QR super simple poner en mi tarjeta de presentacion fisica o en cualquier cosa, y sea visible a cualquier tamaño.

  • http://www.qasolutions.net/ Jordi Sancho

    Hola Alejandro,
    Efectivamente el QR de un Vcard puede acabar siendo grande.

    Lo que comentas es factible, usar algun servicio online para guardar tus datos o vcard y hacer un QR para apuntar a esa Url. ;-)