QR Tooltips for jQuery

Hello there! This is a test project by Konstantin Kovshenin, a code junkie from Moscow. This simple script allows you to add QR popups to your links. It's free and easy to use! Just include a stylesheet and a javascript file to your webpage, fire a jQuery command and voila!

jQuery(document).ready(function() {
    jQuery('a').qr();
});

Yup! As easy as that! Check out the live demo below and the source code of this page (Ctrl+U).

Live Demo

Hover on any of the links in the text below to see a the demo live.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae tempus velit. Integer lectus augue, volutpat eu fringilla non, bibendum id arcu. Mauris mollis tortor quis odio commodo eget condimentum odio malesuada. Proin id turpis vitae eros porttitor tempor. Aliquam tincidunt convallis semper. Quisque purus nisi, bibendum sed dignissim bibendum, aliquam sit amet tortor. Donec sit amet justo sit amet enim volutpat hendrerit eu ac magna. Donec tempor magna nec mauris dictum tincidunt.

Vestibulum sed neque vel diam tincidunt feugiat sit amet a metus. Vivamus mauris augue, convallis id aliquet ultricies, euismod sed sem. Proin et ornare nibh. Nullam felis tortor, euismod eget tincidunt sed, egestas quis diam. Duis eget tortor vel lacus porttitor facilisis in a lorem. Ut gravida posuere dolor, at egestas mauris iaculis faucibus. Praesent interdum, lectus sit amet facilisis porttitor, justo ligula tincidunt neque, sit amet ornare tellus ligula eget nulla. Fusce iaculis feugiat laoreet. Integer molestie leo at magna pellentesque eget ornare diam hendrerit.

Download

You can get the sources from this zip archive or use git to checkout the latest sources directly from Github:

$ git clone http://github.com/kovshenin/qrtip.git

Behind the Scenes

Well, I basically took the ColorTip jQuery plugin and wrote a little bit of extra code inside that injects images inside the tooltips. The actual images are coming from the Google Charts API! I also use the js-uri to get the relative links right.

So thank you for stopping by, hope you enjoyed this script. I'm @kovshenin on Twitter — feel free to ask me anything.