HOW TO CREATE QR CODE BY JQUERY
<h1>QR Code Generator</h1>
<p><textarea name="txt" style="height:50px;width:350px;" required="required"></textarea></p>
<p>Image Size : <select name="size">
<option value="100x100">100x100</option>
<option value="200x200" selected>200x200</option>
<option value="300x300">300x300</option>
<option value="400x400">400x400</option>
</select></p>
<p><input type="submit" value="Generator QR Code" id="qr-gn"></p>
</div>
<br/>
<div id="qrcode"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<script>
$(function(){
$("#qr-gn").click(function(){
$("#qrcode").html("");
var txt = $.trim($('textarea[name="txt"]').val());
if(txt == '') {
alert("Please enter text you want to embed in OR Code");
return false;
}
var size = $('select[name="size"]').val();
var sizeSplit = size.split('x');
var width = sizeSplit[0];
var height = sizeSplit[1];
generateQRcode(width, height, txt );
return false;
});
function generateQRcode(width, height, text) {
$('#qrcode').qrcode({width: width,height: height,text: text});
}
});
</script>
No comments:
Post a Comment