with jQuery.qrcode.js you can easily add qrcode to your webpages.

jQuery("#container").qrcode("this plugin is great")

It is standalone, no external services which go on and off, or add latency

while loading.

<title>Petite démo de QRCode</title>

<script type="text/javascript" src="qrcode.js"></script>

<script type="text/javascript" src="qrcanvas.js"></script>

<h1>Un petit message</h1>

<div id="qr_msg">

<h1>L'URL de mon site</h1>

<div id="qr_url">

<script type="text/javascript">

<hr />

Note: pour lire ceci depuis Android, je recommande l'application <tt>Bar Code Scanner</tt> de ZXing Team.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery.qrcode.js"></script>

<div id="output"></div>

jQuery('#output').qrcode({

text : "http://jetienne.com"

})

(function( $ ){

$.fn.qrcode = function(options) {

// if options is string,

if( typeof options === 'string' ){

options = { text: options };

}

// set default values

options = $.extend( {}, {

width : 256,

height : 256,

typeNumber : 4,

correctLevel : QRErrorCorrectLevel.H

}, options);

var createCanvas = function(){

// create the qrcode itself

var qrcode = new QRCode(options.typeNumber, options.correctLevel);

qrcode.addData(options.text);

qrcode.make();

// create canvas element

var canvas = document.createElement('canvas');

canvas.width = options.width;

canvas.height = options.height;

var ctx = canvas.getContext('2d');

var tileW = options.width / qrcode.getModuleCount();

var tileH = options.height / qrcode.getModuleCount();

for( var row = 0; row < qrcode.getModuleCount(); row++ ){

for( var col = 0; col < qrcode.getModuleCount(); col++ ){

ctx.fillStyle = qrcode.isDark(row, col) ? "#000000" : "#ffffff";

ctx.fillRect( col*tileW, row*tileH, tileW, tileH );

}

}

// return just built canvas

return canvas;

}

return this.each(function(){

var canvas = createCanvas();

jQuery(canvas).appendTo(this);

});

};

})( jQuery );