Login
Memasang QR Code generator di website menggunakan jQuery

Memasang QR Code generator di website menggunakan jQuery

Dikesempatan kali ini saya akan share bagaimana cara untuk memasang QR Code generator di website kita.. Ok langsung saja pertama-tama kita harus mempunyai file jQuery.qrcode.js / jQuery.qrcode.min.js.. Karena itu yang paling penting :D dalam contoh ini saya mengambil JSnya dari GITHUB.

Berikut script keseluruhannya :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://jeromeetienne.github.io/jquery-qrcode/src/jquery.qrcode.js"></script>
<form action="javascript:updateQRImage()"><input id="inputURL" type="text"><input type="submit"></form><br>
<div id="output"><span style="" id="qrStatus"></b><br>
<img src="http://chart.apis.google.com/chart?cht=qr&amp;chl=ssssd&amp;chs=240x240" id="qrOutputImage" border="0" height="240" width="240"></div><br>
<script>
function updateQRImage(){

url=$("#inputURL").val();
 $("#qrOutputImage").attr("src", "http://chart.apis.google.com/chart?cht=qr&chl=" + escape(url) + "&chs=240x240");
 $("#qrStatus").text("Dynamic QR Encoding of: " + url);
 $('#qrStatus').effect('highlight');
}
</script><br>
<br>
Drag this bookmarklet to your bookmarks then click it whenever you want to dynamically generate a QR code of sites you visit:<br>
<br>
<a href="http://chart.apis.google.com/chart?cht=qr&amp;chl=ssssd&amp;chs=240x240" class="popup">Make QR Code</a><br>
<br>
<script>
$("#inputURL").val(location.href);
$("#qrOutputImage").attr("src", "http://chart.apis.google.com/chart?cht=qr&chl=" + escape(location.href)+"&chs=240x240");
$("#qrStatus").text("Dynamic QR Encoding of: " + location.href);
</script>

Untuk melihat hasilnya silahkan COPY semua script yg di atas, lalu PASTE di >> SINI