CARA MEMBUAT QR CODE DENGAN JQUERY

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

source logo : www.freebiesupply.com

Ditutorial jquery ini akan berbagi cara menampilkan qr code menggunakan jquery, tentunya akan membutuhkan library jquery dan jquery qr_code nya. kalian bisa download langsung ke website resminya atau bisa dowbnload disini saya sudah menyediakan nya

berikut code qr code nya :

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="qr_code/jquery.qrcode.js"></script>
<script type="text/javascript" src="qr_code/qrcode.js"></script>
<div id="qrcodeTable"></div>

<script type="text/javascript">

   $(document).ready(function() {

      $('#qrcodeTable').qrcode({

         width: 64,
         height: 64,
         text: "code 1234567890"
         
      });

   });

</script>

Pada baris ini posisinya jangan di ubah agar tidak terjadi error

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

Pada baris berikut adalah untuk set ukuran barcode nya sebesar 64 piksel dan pada code text adalah tulisan yg ingin kita tampilkan kedalam barcodenya saat kita scan barcodenya

<script type="text/javascript">

   $(document).ready(function() {
       
      $('#qrcodeTable').qrcode({
         width: 64,
         height: 64,
         text: "code 1234567890"
      });
      
   });
   
</script>

berikut Hasilnya :

Terima Kasih
Thank's


TAG TAGS :

CARA MENAMPILKAN QR CODE DENGAN JQUERY | CARA MENGGUNAKAN QR CODE PADA JQUERY | QR CODE DENGAN MENGGUNAKAN JQUERY | QR CODE DENGAN JQUERY | JQUERY LIBRARY | JQUERY | LANGSUNGKODING |

BACA JUGA :

• C.R.U.D AJAX dengan php