{"id":687,"date":"2020-01-19T21:38:11","date_gmt":"2020-01-19T12:38:11","guid":{"rendered":"https:\/\/www.earce.biz\/?page_id=687"},"modified":"2021-07-29T11:23:25","modified_gmt":"2021-07-29T02:23:25","slug":"tool-qrcode-list","status":"publish","type":"page","link":"https:\/\/www.earce.biz\/?page_id=687","title":{"rendered":"[Tool] QRCode List Generator"},"content":{"rendered":"\n<style>\n  .toggle-input {\n    display   : none;\n  }\n\n  .toggle-input + label {\n    border    : inset 3px #f5f5f5;\n    border-radius : 28px;\n    padding-left  : 2em;\n    padding-right : 2em;\n    margin    : 5px;\n    background-color : #f8f8ff;\n    font-weight : bold !important;\n    color     : #808080;\n    height    : 3em;\n    display   : table-cell;\n    text-align: center;\n    vertical-align: middle;\n    line-height: 1.1;\n  }\n  \n  .toggle-input:checked + label{\n    background-color : #d3381c;\n    color     : white;\n  }\n<\/style>\n\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css?family=Source+Code+Pro');\n\n  .data-items {\n  }\n\n  .data-item {\n    display        : flex;\n    flex-wrap      : wrap;\n    margin-bottom  : 1em;\n    padding-bottom : 0.5em;\n    border-bottom  : solid 1px #eee;\n  }\n\n  .data-label {\n    width        : 100%;\n    margin-left  : 0.5em;\n    font-weight  : bold;\n  }\n\n  .data-value {\n    display   : -webkit-flex;\n    display   : flex;\n    -webkit-justify-content : space-between;\n    justify-content : space-between;\n    flex-wrap : wrap;\n    margin-left   : auto;\n    margin-right  : 0.5em;\n  }\n\n  .data-value-select {\n    display   : -webkit-flex;\n    display   : flex;\n    -webkit-justify-content : space-around;\n    justify-content : space-around;\n    flex-wrap : wrap;\n    width     : 100%;\n    margin-right  : 0.5em;\n  }\n\n  .data-value-select label {\n    width     : 20em;\n  }\n\n  #results table tr td {\n    table-layout:fixed;\n  }\n\n  #results table tr td pre {\n    background: none;\n  }\n\n  td.tbl_no {\n    width : 10%;\n    text-align : right;\n  }\n\n  td.tbl_qr {\n    width : 30%;\n  }\n\n  td.tbl_text {\n    width : 60%;\n  }\n\n<\/style>\n\n\n\n<script type=\"text\/javascript\">\njQuery().ready(function($){\n\n$(\"#actionButton1\").click(\n  function(e) {\n    $(\"#results\").empty();\n    var textData = $(\"#data\").val();\n    if (textData == \"\") {\n      textData = $(\"#data\").attr('placeholder');\n    }\n\n    var htmlBuf = \"<table>\";\n    var textLines = textData.split('\\n');\n    for (var lineIdx in textLines)\n    {\n      if (lineIdx >= 250) {\n        break;\n      }\n\n      if (textLines[lineIdx].trim() != \"\")\n      {\n        var fieldVals = textLines[lineIdx].split('\\t');\n        if (fieldVals[0] != null)\n        {\n          var dat = fieldVals[0];\n          var title = \"\";\n          if (fieldVals[1] != null)\n          {\n            title = fieldVals[1].trim();\n          }\n\n          if (title != \"\") {\n            htmlBuf += \"<tr><td class=\\\"tbl_no\\\" rowspan=\\\"2\\\">\" + (Number(lineIdx) + 1) + \"<\/td><td class=\\\"tbl_qr\\\" rowspan=\\\"2\\\"><img src=\\\"\/webapi\/qrcode?data=\" + encodeURIComponent(dat) + \"&#038;title=\" + encodeURIComponent(title) + \"\\\">\" + \"<\/td><td class=\\\"tbl_text\\\">\" + dat + \"<\/td><\/tr>\" + \"<tr><td class=\\\"tbl_text\\\">\" + title + \"<\/td><\/tr>\";\n          } else {\n            htmlBuf += \"<tr><td class=\\\"tbl_no\\\">\" + (Number(lineIdx) + 1) + \"<\/td><td class=\\\"tbl_qr\\\"><img src=\\\"\/webapi\/qrcode?data=\" + encodeURIComponent(dat) + \"\\\">\" + \"<\/td><td class=\\\"tbl_text\\\">\" + dat + \"<\/td><\/tr>\";\n          }\n        }\n      }\n    }\n    htmlBuf += \"<\/table>\";\n    $(\"#results\").append(htmlBuf);\n  }\n);\n\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>QRCode Source Data List  (Max:250pieces)<\/strong><\/p>\n\n\n\n<div>\n  [QRCode Data]&lt;tab&gt;[Footer Title]<br>\n  <div style=\"width:100%;text-align:right;color:gray;font-size:0.75em;\">\u203bCopy &amp; Paste two columns from EXCEL (<a href=\"\/wp-content\/uploads\/2020\/01\/CopyAndPaste_Sample.xlsx\">Sample Data EXCEL File<\/a>)<\/div>\n  <textarea id=\"data\" rows=\"8\" cols=\"100\" placeholder=\"https:\/\/www.earce.biz\/pub\/test\/hello.html?test=abcde\tABCDE&#038;123\nhttps:\/\/www.earce.biz\/pub\/test\/hello.html?test=fghij\tFGHIJ\nhttps:\/\/www.earce.biz\/pub\/test\/hello.html?test=klmno\nhttps:\/\/www.earce.biz\/pub\/test\/hello.html?test=pqrst\tPQRST\"><\/textarea>\n<\/div>\n\n\n\n<div class=\"wp-block-button aligncenter custom-wide-button\">\n  <button id=\"actionButton1\" type=\"button\" class=\"wp-block-button__link has-background has-vivid-cyan-blue-background-color\">Create QRCode<\/button>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Output List<\/strong><\/p>\n\n\n\n<div id=\"results\">\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>QRCode Source Data List (Max:250pieces) [QRCode Data]&lt;tab&gt;[Footer Title] \u203bCopy &amp; Paste two columns f &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.earce.biz\/?page_id=687\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;[Tool] QRCode List Generator&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":35,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-687","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.earce.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=687"}],"version-history":[{"count":134,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/687\/revisions"}],"predecessor-version":[{"id":833,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/687\/revisions\/833"}],"up":[{"embeddable":true,"href":"https:\/\/www.earce.biz\/index.php?rest_route=\/wp\/v2\/pages\/35"}],"wp:attachment":[{"href":"https:\/\/www.earce.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}