Sunday, August 13, 2017

Membuat Barcode QR Dengan jQuery

Selamat siang sobat, sudah banyak tutorial yang ada di google mengenai membuat code QR disini saya ingin membuat code tersebut dengan plugin jQuery, nga usah panjang lebar ya,, ngocehnya langsung aja.


1. Tarik jQuery library versi terakir dari google CDN

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

2. Tarik jQuery classyQR sesudah JQuery Library

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

3. Buat container untuk menaruh embede QR code

1<div class="qrcode" id="qr">
2</div>

4. Panggil plugin seperti dibawah ini

1<script>
2$(document).ready(function() {
3$('#qr').ClassyQR({
4   create:true,// signals the library to create the image tag inside the container div.
5   type:'text',// text/url/sms/email/call/locatithe text to encode in the QR. on/wifi/contact, default is TEXT
6   text:'Welcome to jQueryScript!' // the text to encode in the QR.
7});
8});
9</script>

Sudah beres tinggal coba di running, kita lihat hasilnya....
Jika nga mau ribet memahami langsung saja di download link di bawah ini

via adf.ly silahkan copy link berikut http://viahold.com/2VhZ

via shorte.st ambil di http://destyy.com/q135oo


Cukup sekian tutorial dari saya jika ada yang kurang paham bisa berkomentar di kotak yang sudah di sediakan, dishare lebih bagus,..