Moin zusammen,
ich habe ein kleine Webanwendung, bei der ich mit mobilen Endgeräten QR Codes Scanne. Dazu nutze ich den html5 QR Codescanner (https://github.com/mebjas/html5-qrcode)
Das funktioniert auch wirklich gut.
Das entsprechende Formular sieht dazu so aus:
(am PC wird ein USB Barcodescanner verwendet, an den Handys kommt der HTML QR Code Scanner zum Einsatz. Der USB Barcodescanner sendet ein Enter und schickt damit das Formular automatisch ab)
wenn der Scan erfolgreich war, wird das Ergebnis in das Textfeld geschrieben:
Jetzt soll das Formular aber auch gleich mit einem Erfolgreichen Scan abgeschickt werden (quasi der Click auf "Erfassen")
Dazu habe ich die JS Funktion wie folgt erweitert:
Leider funktioniert das nicht. Auch das Log gibt keine Fehler aus.
Hat jemand eine Idee?
Vielen Dank vorab.
ich habe ein kleine Webanwendung, bei der ich mit mobilen Endgeräten QR Codes Scanne. Dazu nutze ich den html5 QR Codescanner (https://github.com/mebjas/html5-qrcode)
Das funktioniert auch wirklich gut.
Das entsprechende Formular sieht dazu so aus:
HTML:
<div class="content-block">
<h3>Ticket Scannen</h3>
<form action="" method="post" class="form responsive-width-100" id="ticketcodeform">
<input type="text" id="ticketcode" name="ticketcode" placeholder="Ticket Code" class="form responsive-width-100" autofocus>
<div id="qr-reader" style="width:80%" ></div>
<div id="divbtnscanner" class="links" style="display: block;" >
<a onclick="scanneraktivieren()">QR Code Scannen</a></a>
</div>
<input type="submit" name="submit" value="Erfassen">
</form>
</div>
wenn der Scan erfolgreich war, wird das Ergebnis in das Textfeld geschrieben:
Javascript:
function onScanSuccess(decodedText, decodedResult) {
document.getElementById('ticketcode').value = `${decodedText}`;
html5QrCode.clear();
}
Jetzt soll das Formular aber auch gleich mit einem Erfolgreichen Scan abgeschickt werden (quasi der Click auf "Erfassen")
Dazu habe ich die JS Funktion wie folgt erweitert:
Javascript:
function onScanSuccess(decodedText, decodedResult) {
document.getElementById('ticketcode').value = `${decodedText}`;
html5QrCode.clear();
document.getElementById("ticketcodeform").submit();
}
Hat jemand eine Idee?
Vielen Dank vorab.