This is a demo for QR Code generator plugin for jQuery & JavaScript blog post.
jQuery code belove will add a QR barcode to image to the current page. So anyone can take a photo of it and quickly navigate to the page. It may be useful for presentations, etc.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt ornare ligula, non commodo ante laoreet quis. Aliquam tempor ullamcorper purus, ut adipiscing quam euismod in. Pellentesque sed eros at ligula laoreet pulvinar. Fusce fermentum, velit sit amet imperdiet fermentum, nisi tellus tristique leo, ut ullamcorper elit magna porttitor dolor. Cras leo turpis, vestibulum adipiscing eleifend sed, euismod faucibus mauris. Curabitur eu lacus risus. Cras sollicitudin dictum odio. Nulla sagittis adipiscing nisl, in bibendum turpis ornare in. Pellentesque scelerisque sollicitudin rhoncus. Maecenas iaculis condimentum neque volutpat facilisis. Nunc sit amet risus massa, eget venenatis dolor. Quisque mollis leo ut nunc placerat malesuada. Quisque consequat sagittis posuere.
Nunc ut orci nec nunc varius facilisis. Maecenas ac erat ante. Curabitur a metus diam, eget mattis metus. Duis id est urna, id sagittis metus. Donec metus enim, lacinia at luctus vitae, faucibus nec augue. Vestibulum pretium euismod elementum. Phasellus bibendum fringilla enim, eget euismod tortor aliquam eget. Sed ante eros, imperdiet eget euismod eu, scelerisque aliquet velit. Nam ultrices condimentum justo, ac lacinia sapien condimentum vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer tincidunt, diam in sagittis dignissim, elit libero elementum dui, non egestas arcu libero eget lectus.
Code:
$(document).ready(function(){
// jQuery plugin
(function ($) {
$.fn.qrcode = function(url) {
return 'http://go.bath.ac.uk/qr/download?DATA='+url;
}
})(jQuery);
$('body').append('<div style="position:absolute;top:0;right:0;"><img src="'+$().qrcode(location.href)+'"></div>');
});