Auf Thema antworten 2026

Beitrag

<blockquote data-quote="StephanSchuler" data-source="post: 2646096" data-attributes="member: 477698">Hallo,ich habe für ein Intranet ein Frontend gebaut auf dem man sich per 4-stelligem Pin einloggen kann.Das funktioniert soweit auch. Nun haben wir ein iPad Pro an die Wand gehängt das für alle Mitarbeiter zugänglich ist und hier ist die Pineingabe sehr langsam. Auf dem Desktop PC ist sie super schnell.Ich habe einfach DIVs mit den Ziffern und per JS drauf ein EventListener angelegt. Dieser ruft dann nur eine Funktion newNumber() auf um die neue Ziffer an den code anzuhängen und ein Sternchen auszugeben. Sind alle 4 Ziffern eingeben wird ein Formular abgesendet um den Code an PHP zu übergeben. Anbei der Codeauszug:[CODE]&lt;div class=&#039;login_pinpad&#039;&gt;&nbsp; &nbsp; &lt;form&nbsp; name=&quot;pinpadform&quot; id=&quot;new_form&quot; action=&quot;&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot; &gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;hidden&quot; name=&quot;formular&quot; value=&quot;pinpadform&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;hidden&quot; name=&quot;pincode&quot; id=&quot;pincode&quot; value=&quot;1&quot; /&gt;&nbsp; &nbsp; &lt;/form&gt;&lt;?PHP&nbsp; &nbsp; //Ausgabe der Zifferbuttons&nbsp; &nbsp; for($i=1; $i&lt;=9; $i++){&nbsp; &nbsp; &nbsp; &nbsp; echo &#039;&lt;div id=&quot;button&#039;.$i.&#039;&quot; class=&quot;ziffer&quot;&gt;&#039;.$i.&#039;&lt;/div&gt;&#039;;&nbsp; &nbsp; }?&gt;&lt;/div&gt;&lt;script type=&quot;text/javascript&quot;&gt;var button1 = document.getElementById(&quot;button1&quot;);//identisch für alle weiteren Buttons&nbsp;&nbsp; &nbsp;&nbsp; button1.addEventListener(&#039;click&#039;, function(){ newNumber(1) });&nbsp;&nbsp; //identisch für alle weiteren Buttons&nbsp;&nbsp; &nbsp;&nbsp; function newNumber (number){&nbsp; &nbsp; code = code + number;&nbsp; &nbsp; //Der Code wird an dieser Stelle in Sternchen gewandelt und dann als Ausgabe an die Webseite geben.&nbsp; &nbsp; //Hier der Einfachheit halber nur sehr verkürzt dargestellt.&nbsp; &nbsp; showcode.innerHTML = codemask;&nbsp;&nbsp; &nbsp; &nbsp; //Schreibe Code in ein verstecktes Formularfeld für die übergabe an PHP&nbsp; &nbsp; //pincode ist die ID des Formularfeldes&nbsp; &nbsp; pincode = document.getElementById(&quot;pincode&quot;);&nbsp; &nbsp; pincode.value = code;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; //alle Ziffern eingebenen sende Code an Server&nbsp; &nbsp; var codestellen = code.length;&nbsp; &nbsp; if(codestellen == 4){&nbsp; &nbsp; &nbsp; &nbsp; setTimeout(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.forms[&quot;pinpadform&quot;].submit();&nbsp; &nbsp; &nbsp; &nbsp; }, 400);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; }}&lt;/script&gt;[/CODE]Hat irgend jemand eine IDee wieso das am PC super schnell ist und auf dem iPad man zwischen jeder Ziffer ca. 0,8s warten muss?Grüße,Stephan</blockquote>

[QUOTE="StephanSchuler, post: 2646096, member: 477698"] Hallo, ich habe für ein Intranet ein Frontend gebaut auf dem man sich per 4-stelligem Pin einloggen kann. Das funktioniert soweit auch. Nun haben wir ein iPad Pro an die Wand gehängt das für alle Mitarbeiter zugänglich ist und hier ist die Pineingabe sehr langsam. Auf dem Desktop PC ist sie super schnell. Ich habe einfach DIVs mit den Ziffern und per JS drauf ein EventListener angelegt. Dieser ruft dann nur eine Funktion newNumber() auf um die neue Ziffer an den code anzuhängen und ein Sternchen auszugeben. Sind alle 4 Ziffern eingeben wird ein Formular abgesendet um den Code an PHP zu übergeben. Anbei der Codeauszug: [CODE]<div class='login_pinpad'> <form name="pinpadform" id="new_form" action="" method="post" enctype="multipart/form-data" > <input type="hidden" name="formular" value="pinpadform" /> <input type="hidden" name="pincode" id="pincode" value="1" /> </form> <?PHP //Ausgabe der Zifferbuttons for($i=1; $i<=9; $i++){ echo '<div id="button'.$i.'" class="ziffer">'.$i.'</div>'; } ?> </div> <script type="text/javascript"> var button1 = document.getElementById("button1"); //identisch für alle weiteren Buttons button1.addEventListener('click', function(){ newNumber(1) }); //identisch für alle weiteren Buttons function newNumber (number){ code = code + number; //Der Code wird an dieser Stelle in Sternchen gewandelt und dann als Ausgabe an die Webseite geben. //Hier der Einfachheit halber nur sehr verkürzt dargestellt. showcode.innerHTML = codemask; //Schreibe Code in ein verstecktes Formularfeld für die übergabe an PHP //pincode ist die ID des Formularfeldes pincode = document.getElementById("pincode"); pincode.value = code; //alle Ziffern eingebenen sende Code an Server var codestellen = code.length; if(codestellen == 4){ setTimeout(function() { document.forms["pinpadform"].submit(); }, 400); } } </script>[/CODE] Hat irgend jemand eine IDee wieso das am PC super schnell ist und auf dem iPad man zwischen jeder Ziffer ca. 0,8s warten muss? Grüße, Stephan [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?