Skip to main content

Display Public Ticket URL As QR Code

  • February 24, 2015
  • 2 replies
  • 106 views
A
Apprentice

This Freshplug creates a small QR code of the public ticket URL. With a QR scanner , the ticket can be easily accessed




CREATED BY : Nithin David Thomas, Arjun Paliath and Aswin Vayiravan



Code:


   

<style>
#qrcode{
display: block;
text-align: center;
    margin-bottom:25px;
}
</style>
<div id="qrcode"><h3 class="heading">QR Code Of This Ticket: </h3></div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js" ></script>

<script type="text/javascript" >
  jQuery(function(){
jQuery('#qrcode').closest('.widget').hide();
    jQuery('#qrcode').insertAfter('#due-by-element-parent');
    jQuery('#qrcode').qrcode({width: 128,height: 128,text: "{{ticket.public_url}}"});
  });
</script>

   


    Did this topic help you find an answer to your question?
    This topic has been closed for comments

    2 replies

    N
    Community Debut
    • ninyo
    • Community Debut
    • 3 replies
    • February 22, 2016

    Is it still working?

    N
    Community Debut
    • ninyo
    • Community Debut
    • 3 replies
    • February 22, 2016

    Here is a working code (fixed the generator link, no public url):

    <style>

    #qrcode{

    display: block;

    text-align: center;

        margin-bottom:25px;

    }

    </style>

    <div id="qrcode"><h3 class="heading">QR Code Of This Ticket: </h3></div>

     

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lrsjng.jquery-qrcode/0.12.0/jquery.qrcode.min.js" ></script>

     

    <script type="text/javascript" >

      jQuery(function(){

    jQuery('#qrcode').closest('.widget').hide();

        jQuery('#qrcode').insertAfter('#due-by-element-parent');

        jQuery('#qrcode').qrcode({width: 128,height: 128,text: "{{ticket.url}}"});

      });

    </script>

    Most helpful members this week

    Terms of UsePrivacy Notice