{"id":2817,"date":"2023-03-13T15:13:39","date_gmt":"2023-03-13T13:13:39","guid":{"rendered":"http:\/\/triplewebsites.com\/?page_id=2817"},"modified":"2023-04-20T14:33:22","modified_gmt":"2023-04-20T11:33:22","slug":"qr-code","status":"publish","type":"page","link":"https:\/\/triplewebsites.com\/el\/qr-code\/","title":{"rendered":"QR Code Generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2817\" class=\"elementor elementor-2817\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f16bf44 elementor-section-height-min-height elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-invisible\" data-id=\"f16bf44\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-90fb854\" data-id=\"90fb854\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0462cac elementor-widget elementor-widget-heading\" data-id=\"0462cac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">QR Code Generator<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-836ac1c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"836ac1c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14a0eb8\" data-id=\"14a0eb8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1799750 elementor-widget elementor-widget-html\" data-id=\"1799750\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html>\r\n    <head>\r\n        \r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\" integrity=\"sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script> \r\n    \r\n    <\/head>\r\n    \r\n<body>\r\n   \r\n <div><center>\r\n  <input style=\"width: 500px;\" type=\"text\" id=\"qr-input\" placeholder=\"Enter text to generate QR code\">\r\n  <br>\r\n  <button style= \"margin:15px;\" id=\"generate-btn\">Generate<\/button>\r\n \r\n  <div id=\"qrcode\"><\/div>\r\n   <br><button id=\"download-btn\">\r\n      Download<\/button>\r\n  <\/center>\r\n<\/div>\r\n\r\n <script>\r\n \r\n let qr = document.getElementById('qrcode');\r\n \r\n \r\n      function generateQRCode() {\r\n        \/\/ Get the text to encode from the input field\r\n        \r\n        var textToEncode = document.getElementById('qr-input').value;\r\n        if (!textToEncode) {\r\n          alert('Please enter text to generate QR code');\r\n          return;\r\n        }\r\n        \r\nclearUI();\r\n\r\n        \/\/ Generate the QR code and display it on the page\r\n        var qrcode = new QRCode(document.getElementById(\"qrcode\"), {\r\n          text: textToEncode,\r\n          width: 256,\r\n          height: 256,\r\n          colorDark: \"#000000\",\r\n          colorLight: \"#ffffff\"\r\n        });\r\n      }\r\n      \r\n      const clearUI = () => {\r\n          qr.innerHTML='';\r\n      }\r\n    \r\n      \/\/ Add an event listener to the Generate button\r\n      document.getElementById('generate-btn').addEventListener('click', generateQRCode);\r\n      \r\n      \r\n        \/\/ Add an event listener to the input field for the 'keydown' event\r\n  document.getElementById('qr-input').addEventListener('keydown', function(event) {\r\n    \/\/ Check if the key pressed is the Enter key\r\n    if (event.keyCode === 13) {\r\n      generateQRCode();\r\n    }\r\n  });\r\n     \r\n     \/\/ Add an event listener to the Download button\r\ndocument.getElementById('download-btn').addEventListener('click', function() {\r\n\r\n  \/\/ Wait for the QR code to be generated\r\n  setTimeout(function() {\r\n\r\n    \/\/ Get the QR code image data\r\n    var qrCodeData = document.getElementById('qrcode').getElementsByTagName('img')[0].src;\r\n    if (!qrCodeData) {\r\n      alert('Please generate a QR code before downloading');\r\n      return;\r\n    }\r\n\r\n    \/\/ Create an img element with the QR code data\r\n    var qrCodeImg = document.createElement('img');\r\n    qrCodeImg.src = qrCodeData;\r\n\r\n    \/\/ Create a temporary link and download the image\r\n    var downloadLink = document.createElement('a');\r\n    downloadLink.href = qrCodeImg.src;\r\n    downloadLink.download = 'qrcode.png';\r\n    downloadLink.click();\r\n\r\n  }, 500);\r\n});\r\n       \r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>QR Code Generator Generate Download<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-2817","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/pages\/2817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/comments?post=2817"}],"version-history":[{"count":238,"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/pages\/2817\/revisions"}],"predecessor-version":[{"id":3192,"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/pages\/2817\/revisions\/3192"}],"wp:attachment":[{"href":"https:\/\/triplewebsites.com\/el\/wp-json\/wp\/v2\/media?parent=2817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}