Generatore di QR Code<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcodejs@1.0.0\/qrcode.min.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #e0f7fa; \/* Celeste molto chiaro *\/\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 100vh;\n margin: 0;\n padding: 20px;\n box-sizing: border-box;\n }\n h1 {\n color: #1a237e; \/* Blu scuro per il titolo *\/\n margin-bottom: 20px;\n }\n #qrcode-container {\n margin-top: 20px;\n margin-bottom: 20px;\n padding: 10px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); \/* Ombra leggera *\/\n background-color: white;\n }\n #qrcode {\n border: 2px solid #b2ebf2; \/* Bordo azzurro chiaro *\/\n border-radius: 5px;\n }\n input[type=\"text\"] {\n padding: 10px;\n margin: 5px 0;\n border: 1px solid #81d4fa; \/* Azzurro chiaro per il bordo input *\/\n border-radius: 5px;\n width: 80%;\n max-width: 300px;\n box-sizing: border-box;\n transition: border-color 0.3s ease; \/* Transizione per il colore del bordo *\/\n }\n input[type=\"text\"]:focus {\n border-color: #00b8d4; \/* Ciano quando l'input \u00e8 attivo *\/\n outline: none; \/* Rimuove il bordo di default del browser *\/\n }\n\n input[type=\"color\"] {\n margin: 5px 10px;\n height: 36px; \/* Altezza standard per input color *\/\n width: 46px; \/* Larghezza per mostrare il colore e l'icona *\/\n border: none;\n border-radius: 5px;\n cursor: pointer;\n -webkit-appearance: none; \/* Rimuove l'aspetto predefinito in Chrome *\/\n -moz-appearance: none; \/* Rimuove l'aspetto predefinito in Firefox *\/\n appearance: none; \/* Rimuove l'aspetto predefinito in altri browser *\/\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n input[type=\"color\"]::-webkit-color-swatch {\n border: 1px solid #81d4fa; \/* Azzurro chiaro per il bordo del colore *\/\n border-radius: 5px;\n }\n\n\n button {\n padding: 10px 20px;\n background-color: #ffeb3b; \/* Giallo *\/\n color: #1a237e; \/* Blu scuro per il testo *\/\n border: none;\n border-radius: 5px;\n cursor: pointer;\n margin: 10px 0;\n transition: background-color 0.3s ease; \/* Transizione per il colore del bottone *\/\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n }\n button:hover {\n background-color: #fdd835; \/* Giallo pi\u00f9 scuro al hover *\/\n }\n #feedback {\n margin-top: 20px;\n color: #388e3c; \/* Verde per feedback positivo *\/\n font-weight: bold;\n padding: 10px;\n border-radius: 5px;\n background-color: #e8f5e9;\n border: 1px solid #81c784;\n display: none; \/* Inizialmente nascosto *\/\n }\n @media (max-width: 600px) {\n input[type=\"text\"] {\n width: 95%;\n max-width: none;\n }\n #qrcode-container {\n width: 95%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <h1>Generatore di QR Code<\/h1>\n <input type=\"text\" id=\"text\" placeholder=\"Inserisci l'URL o il testo\">\n <div style=\"display: flex; align-items: center;\">\n <label for=\"foreground-color\">Colore QR:<\/label>\n <input type=\"color\" id=\"foreground-color\" value=\"#ffeb3b\"> <label for=\"background-color\">Sfondo:<\/label>\n <input type=\"color\" id=\"background-color\" value=\"#e0f7fa\"> <\/div>\n <button id=\"generate\">Genera QR Code<\/button>\n <div id=\"qrcode-container\">\n <div id=\"qrcode\"><\/div>\n <\/div>\n <div id=\"feedback\">QR Code generato con successo!<\/div>\n\n <script>\n const textInput = document.getElementById(\"text\");\n const generateButton = document.getElementById(\"generate\");\n const qrcodeContainer = document.getElementById(\"qrcode\");\n const foregroundColorInput = document.getElementById(\"foreground-color\");\n const backgroundColorInput = document.getElementById(\"background-color\");\n const feedback = document.getElementById(\"feedback\");\n\n generateButton.addEventListener(\"click\", () => {\n const text = textInput.value.trim();\n const foregroundColor = foregroundColorInput.value;\n const backgroundColor = backgroundColorInput.value;\n\n if (text === \"\") {\n alert(\"Inserisci un URL o del testo!\"); \/\/ Avviso se il campo \u00e8 vuoto\n return;\n }\n\n qrcodeContainer.innerHTML = \"\"; \/\/ Pulisce il contenitore precedente\n\n try {\n const qrcode = new QRCode(qrcodeContainer, {\n text: text,\n width: 256,\n height: 256,\n colorDark: foregroundColor,\n colorLight: backgroundColor,\n correctLevel: QRCode.CorrectLevel.H, \/\/ Livello di correzione errori\n });\n feedback.style.display = \"block\"; \/\/ Mostra il feedback\n setTimeout(() => {\n feedback.style.display = \"none\"; \/\/ Nasconde il feedback dopo 3 secondi\n }, 3000);\n\n } catch (error) {\n console.error(\"Errore durante la generazione del QR code:\", error);\n alert(\"Si \u00e8 verificato un errore durante la generazione del QR code. Assicurati di aver inserito un testo valido.\");\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Generatore di QR Code Generatore di QR Code Colore QR: Sfondo: Genera QR Code QR Code generato con successo!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-1681","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages\/1681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/comments?post=1681"}],"version-history":[{"count":6,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages\/1681\/revisions"}],"predecessor-version":[{"id":1689,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages\/1681\/revisions\/1689"}],"wp:attachment":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/media?parent=1681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1681,"date":"2025-03-26T16:20:10","date_gmt":"2025-03-26T15:20:10","guid":{"rendered":"https:\/\/www.imthi.it\/salerno\/?page_id=1681"},"modified":"2025-03-26T16:43:50","modified_gmt":"2025-03-26T15:43:50","slug":"1681-2","status":"publish","type":"page","link":"https:\/\/www.imthi.it\/salerno\/1681-2\/","title":{"rendered":"GENERATORE DI QR CODE"},"content":{"rendered":"\n\n\n\n \n \n Generatore di QR Code<\/title>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcodejs@1.0.0\/qrcode.min.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #e0f7fa; \/* Celeste molto chiaro *\/\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n min-height: 100vh;\n margin: 0;\n padding: 20px;\n box-sizing: border-box;\n }\n h1 {\n color: #1a237e; \/* Blu scuro per il titolo *\/\n margin-bottom: 20px;\n }\n #qrcode-container {\n margin-top: 20px;\n margin-bottom: 20px;\n padding: 10px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); \/* Ombra leggera *\/\n background-color: white;\n }\n #qrcode {\n border: 2px solid #b2ebf2; \/* Bordo azzurro chiaro *\/\n border-radius: 5px;\n }\n input[type=\"text\"] {\n padding: 10px;\n margin: 5px 0;\n border: 1px solid #81d4fa; \/* Azzurro chiaro per il bordo input *\/\n border-radius: 5px;\n width: 80%;\n max-width: 300px;\n box-sizing: border-box;\n transition: border-color 0.3s ease; \/* Transizione per il colore del bordo *\/\n }\n input[type=\"text\"]:focus {\n border-color: #00b8d4; \/* Ciano quando l'input \u00e8 attivo *\/\n outline: none; \/* Rimuove il bordo di default del browser *\/\n }\n\n input[type=\"color\"] {\n margin: 5px 10px;\n height: 36px; \/* Altezza standard per input color *\/\n width: 46px; \/* Larghezza per mostrare il colore e l'icona *\/\n border: none;\n border-radius: 5px;\n cursor: pointer;\n -webkit-appearance: none; \/* Rimuove l'aspetto predefinito in Chrome *\/\n -moz-appearance: none; \/* Rimuove l'aspetto predefinito in Firefox *\/\n appearance: none; \/* Rimuove l'aspetto predefinito in altri browser *\/\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n input[type=\"color\"]::-webkit-color-swatch {\n border: 1px solid #81d4fa; \/* Azzurro chiaro per il bordo del colore *\/\n border-radius: 5px;\n }\n\n\n button {\n padding: 10px 20px;\n background-color: #ffeb3b; \/* Giallo *\/\n color: #1a237e; \/* Blu scuro per il testo *\/\n border: none;\n border-radius: 5px;\n cursor: pointer;\n margin: 10px 0;\n transition: background-color 0.3s ease; \/* Transizione per il colore del bottone *\/\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n }\n button:hover {\n background-color: #fdd835; \/* Giallo pi\u00f9 scuro al hover *\/\n }\n #feedback {\n margin-top: 20px;\n color: #388e3c; \/* Verde per feedback positivo *\/\n font-weight: bold;\n padding: 10px;\n border-radius: 5px;\n background-color: #e8f5e9;\n border: 1px solid #81c784;\n display: none; \/* Inizialmente nascosto *\/\n }\n @media (max-width: 600px) {\n input[type=\"text\"] {\n width: 95%;\n max-width: none;\n }\n #qrcode-container {\n width: 95%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <h1>Generatore di QR Code<\/h1>\n <input type=\"text\" id=\"text\" placeholder=\"Inserisci l'URL o il testo\">\n <div style=\"display: flex; align-items: center;\">\n <label for=\"foreground-color\">Colore QR:<\/label>\n <input type=\"color\" id=\"foreground-color\" value=\"#ffeb3b\"> <label for=\"background-color\">Sfondo:<\/label>\n <input type=\"color\" id=\"background-color\" value=\"#e0f7fa\"> <\/div>\n <button id=\"generate\">Genera QR Code<\/button>\n <div id=\"qrcode-container\">\n <div id=\"qrcode\"><\/div>\n <\/div>\n <div id=\"feedback\">QR Code generato con successo!<\/div>\n\n <script>\n const textInput = document.getElementById(\"text\");\n const generateButton = document.getElementById(\"generate\");\n const qrcodeContainer = document.getElementById(\"qrcode\");\n const foregroundColorInput = document.getElementById(\"foreground-color\");\n const backgroundColorInput = document.getElementById(\"background-color\");\n const feedback = document.getElementById(\"feedback\");\n\n generateButton.addEventListener(\"click\", () => {\n const text = textInput.value.trim();\n const foregroundColor = foregroundColorInput.value;\n const backgroundColor = backgroundColorInput.value;\n\n if (text === \"\") {\n alert(\"Inserisci un URL o del testo!\"); \/\/ Avviso se il campo \u00e8 vuoto\n return;\n }\n\n qrcodeContainer.innerHTML = \"\"; \/\/ Pulisce il contenitore precedente\n\n try {\n const qrcode = new QRCode(qrcodeContainer, {\n text: text,\n width: 256,\n height: 256,\n colorDark: foregroundColor,\n colorLight: backgroundColor,\n correctLevel: QRCode.CorrectLevel.H, \/\/ Livello di correzione errori\n });\n feedback.style.display = \"block\"; \/\/ Mostra il feedback\n setTimeout(() => {\n feedback.style.display = \"none\"; \/\/ Nasconde il feedback dopo 3 secondi\n }, 3000);\n\n } catch (error) {\n console.error(\"Errore durante la generazione del QR code:\", error);\n alert(\"Si \u00e8 verificato un errore durante la generazione del QR code. Assicurati di aver inserito un testo valido.\");\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Generatore di QR Code Generatore di QR Code Colore QR: Sfondo: Genera QR Code QR Code generato con successo!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-1681","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages\/1681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/comments?post=1681"}],"version-history":[{"count":6,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages\/1681\/revisions"}],"predecessor-version":[{"id":1689,"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/pages\/1681\/revisions\/1689"}],"wp:attachment":[{"href":"https:\/\/www.imthi.it\/salerno\/wp-json\/wp\/v2\/media?parent=1681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}