Клуб Web Мастеров http://kazrex.at.ua/ Fri, 10 Jan 2025 15:53:43 GMT uCoz Web-Service Генератор штрих кодов <img src="https://kazrex.at.ua/img/barcode.png" border="0" alt="" /> Создай любого штрих кода бесплатно тестовом или цифровом формате <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Генератор штрих-кодов</title> <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/JsBarcode.all.min.js"></script> <style> body { font-family: Arial, sans-serif; text-align: center; margin: 50px; background-color: #f4f4f4; } h1 { color: #333; } #barcode { margin: 20px auto; border: 2px solid #333; background-color: #fff; padding: 20px; } #inputText { padding: 10px; width: 300px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; } #generateButton, #downloadButton { padding: 10px 20px; border: none; border-radius: 5px; background-color: #5cb85c; color: white; cursor: pointer; margin: 5px; } #generateButton:hover, #downloadButton:hover { background-color: #4cae4c; } </style> </head> <body> <h1>Генератор штрих-кодов</h1> <input type="text" id="inputText" placeholder="Введите текст для штрих-кода"> <button id="generateButton">Сгенерировать штрих-код</button> <button id="downloadButton" style="display:none;">Скачать штрих-код</button> <svg id="barcode"></svg> <script> // Функция для генерации штрих-кода function generateBarcode(text) { JsBarcode("#barcode", text, {format: "CODE128", displayValue: false}); document.getElementById('downloadButton').style.display = 'inline-block'; } // Функция для скачивания штрих-кода function downloadBarcode() { const svg = document.getElementById('barcode'); const serializer = new XMLSerializer(); const svgString = serializer.serializeToString(svg); const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); const img = new Image(); img.onload = function() { ctx.drawImage(img, 0, 0); const png = canvas.toDataURL('image/png'); const link = document.createElement('a'); link.href = png; link.download = 'barcode.png'; link.click(); }; img.src = 'data:image/svg+xml;base64,' + btoa(svgString); } // События кнопок document.getElementById('generateButton').addEventListener('click', function() { const inputText = document.getElementById('inputText').value; if (inputText) { generateBarcode(inputText); } else { alert('Пожалуйста, введите текст для генерации штрих-кода.'); } }); document.getElementById('downloadButton').addEventListener('click', downloadBarcode); </script> https://kazrex.at.ua/news/generator_shtrikh_kodov/2025-01-10-915 Kazrex https://kazrex.at.ua/news/generator_shtrikh_kodov/2025-01-10-915 Fri, 10 Jan 2025 15:53:43 GMT Онлайн QR код получит Онлайн QR код получить бесплатно Создаите и получите обсолютно бесплатно <h1>Генератор QR-кода</h1> <select id="qr-type"> <option value="text">Текст</option> <option value="url">Ссылка (URL)</option> <option value="wifi">Wi-Fi</option> <option value="vcard">Визитка</option> </select> <div id="vcard-fields" style="display: none;"> <input type="file" id="vcard-image" accept="image/*" /> <input type="text" id="vcard-name" placeholder="Имя" /> <input type="text" id="vcard-phone" placeholder="Телефон" /> <input type="text" id="vcard-email" placeholder="Электронная почта" /> <input type="text" id="vcard-location" placeholder="Локация (например, город)" /> <input type="text" id="vcard-map" placeholder="Ссылка на карту" /> <input type="text" id="vcard-fb" placeholder="Facebook URL" /> <input type="text" id="vcard-ig" placeholder="Instagram URL" /> <input type="text" id="vcard-linkedin" placeholder="LinkedIn URL" /> </div> <input type="text" id="qr-input" placeholder="Введите данные" /> <button id="generate-btn">Сгенерировать QR-код</button> <canvas id="qr-code"></canvas> <button id="download-btn" style="display: none;">Скачать QR-код</button> <script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js"></script> <script> const qrInput = document.getElementById('qr-input'); const qrType = document.getElementById('qr-type'); const vcardFields = document.getElementById('vcard-fields'); const vcardImage = document.getElementById('vcard-image'); const vcardName = document.getElementById('vcard-name'); const vcardPhone = document.getElementById('vcard-phone'); const vcardEmail = document.getElementById('vcard-email'); const vcardLocation = document.getElementById('vcard-location'); const vcardMap = document.getElementById('vcard-map'); const vcardFb = document.getElementById('vcard-fb'); const vcardIg = document.getElementById('vcard-ig'); const vcardLinkedin = document.getElementById('vcard-linkedin'); const generateBtn = document.getElementById('generate-btn'); const qrCodeCanvas = document.getElementById('qr-code'); const downloadBtn = document.getElementById('download-btn'); const qr = new QRious({ element: qrCodeCanvas, size: 250 }); qrType.addEventListener('change', () => { if (qrType.value === 'vcard') { qrInput.style.display = 'none'; vcardFields.style.display = 'block'; } else { qrInput.style.display = 'inline'; vcardFields.style.display = 'none'; } }); generateBtn.addEventListener('click', () => { let value; if (qrType.value === 'wifi') { const ssid = prompt("Введите SSID сети:"); const password = prompt("Введите пароль:"); const auth = prompt("Введите тип аутентификации (WPA/WPA2/Ничего):"); value = `WIFI:S:${ssid};T:${auth};P:${password};;`; } else if (qrType.value === 'vcard') { const name = vcardName.value; const phone = vcardPhone.value; const email = vcardEmail.value; const location = vcardLocation.value; const map = vcardMap.value; const fb = vcardFb.value; const ig = vcardIg.value; const linkedin = vcardLinkedin.value; value = `BEGIN:VCARD&#92;nVERSION:3.0&#92;nN:${name}&#92;nTEL:${phone}&#92;nEMAIL:${email}&#92;nADR:${location}&#92;nURL:${map}&#92;nX-SOCIALPROFILE;type=facebook:${fb}&#92;nX-SOCIALPROFILE;type=instagram:${ig}&#92;nX-SOCIALPROFILE;type=linkedin:${linkedin}&#92;nEND:VCARD`; } else { value = qrInput.value; } qr.set({ value: value }); downloadBtn.style.display = 'inline'; // Показываем кнопку скачивания }); downloadBtn.addEventListener('click', () => { const link = document.createElement('a'); link.download = 'qr-code.png'; link.href = qrCodeCanvas.toDataURL('image/png'); link.click(); }); </script> https://kazrex.at.ua/news/onlajn_qr_kod_poluchit/2025-01-02-914 Kazrex https://kazrex.at.ua/news/onlajn_qr_kod_poluchit/2025-01-02-914 Wed, 01 Jan 2025 21:24:17 GMT Оцелограмма Вода отталкивающее программа или Оцелограмма <img border="0" align="absmiddle" src="https://kazrex.at.ua/html/IMG_7556.jpeg"> <iframe src="https://kazrex.at.ua/html/ocelogramma.html" width="460" height="350" frameborder="0" allowfullscreen></iframe> https://kazrex.at.ua/news/ocelogramma/2024-07-30-913 Kazrex https://kazrex.at.ua/news/ocelogramma/2024-07-30-913 Tue, 30 Jul 2024 11:04:22 GMT Таблица инкубация домашны птиц Таблица режим инкубация разныйх птиц Таблицу здесь <a href="https://kazrex.at.ua/html/tablica_inkubaci.htm" target="_blank"><span style="color:green"><span style="font-size:10pt"><b>СМОТРЕТ</b></span></span></a> https://kazrex.at.ua/news/tablica_inkubacija_domashny_ptic/2024-04-11-909 Kazrex https://kazrex.at.ua/news/tablica_inkubacija_domashny_ptic/2024-04-11-909 Thu, 11 Apr 2024 10:26:54 GMT