Генерируйте QR-коды несколько раз с тегами имен и логотипами
Мне нужно сгенерировать QR-коды для создания идентификаторов.
У меня есть div для оформления ID:
<div class = "row">
<div class = "col-sm-6">
<table id = "tb">
<tr><th style = "font-size: 2em">Name:</th></tr>
<tr><th style = "font-size: 2em">Date of Birth:</th></tr>
<tr><th style = "font-size: 2em" id = "qrcode"></th></tr>
</table>
</div>
</div>
И у меня есть 2 текстовых поля. Первый - указать необходимое количество QR, второй - для текста, который должен быть закодирован внутри QR:
<script src = "./jquery.min.js"></script>
<script src = "./qrcode.min.js"></script>
<script type = "text/javascript">
var total = $("#number_of_card").val();
var startingFrom = $("#start_number").val();
while(total!==0)
{
$(this).append('tb')
var codedId = parseInt(total)+parseInt(startingFrom);
new QRCode(document.getElementById("qrcode"), ""+codedId);
total--;
}
</script>
Я использовал следующую библиотеку: QR код.
Мне нужно продублировать все div, чтобы каждый сгенерированный qr-код имел имя и дату рождения div, до которых я не могу добраться.
Полный сценарий находится здесь:
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
В вашей скрипке произошла ошибка, поэтому вы не видели QR-код, см. Эту скрипку.
https://jsfiddle.net/gv9dx1sh/16/
var total = $("#number_of_card").val();
var startingFrom = $("#start_number").val();
while(total !== 0)
{
$('body').append(`<div><div>Name:</div><div>BirthDate</div><div id='qrcode${total}'></div></div>`);
var codedId = parseInt(total)+ parseInt(startingFrom);
new QRCode(document.getElementById(`qrcode${total}`), "" + codedId);
total--;
}
Я обновил скрипку. Но ваш пост не ответил на мой вопрос
Вы хотите div внутри QR-кода? или вы хотите, чтобы значение div генерировало QR? @droidnation
Мне нужно, чтобы каждый div содержал имя, дату рождения и qr-код. Итак, если я указал, что мне нужно 10 QR, и мне нужно сгенерировать 10 div, содержащих эту информацию.
Вот и все. Спасибо. Если нужно сгенерировать их по горизонтали, как я могу это сделать?
Вам нужно написать немного css, просто проверьте его в stackoverflow, отобразите встроенный или плавающий влево или гибкий блок
Вы генерируете QR-код в памяти, но не назначаете / добавляете его в DOM.