I have this this piece of html code:

 <form name=' postcode'='' method='post' onsubmit='return OnSubmitForm();'> <input class='postcode' maxlength='1' size='1' name='c' onkeyup='autotab(this, document.postcode.o)'> <input class='postcode' maxlength='1' size='1' name='o' onkeyup='autotab(this, document.postcode.d)'> <input class='postcode' maxlength='1' size='1' name='d' onkeyup='autotab(this, document.postcode.e)'> <input class='postcode' maxlength='1' size='1' name='e'> 
</form> ?> var13 ->

který používá tento javascript:

<?php <script> /* Auto tabbing script- By JavaScriptKit.com http://www.javascriptkit.com This credit MUST stay intact for use */ function autotab(original,destination){ if (original.getAttribute&&original.value.length==original.getAttribute('maxlength')) destination.focus() } </script><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'></script> <script src='js/scripts.js' type='text/javascript'></script> <script type='text/javascript'> function OnSubmitForm() { if(document.postcode.operation[0].checked == true) { document.postcode.action ='plans.php'; } else if(document.postcode.operation[1].checked == true) { document.postcode.action ='plans_gas.php'; } else if(document.postcode.operation[2].checked == true) { document.postcode.action ='plans_duel.php'; } return true; } </script> 

Jakmile zadáte jeden znak do jednoho z textových polí, automaticky se přepne na další textové pole.

To funguje dobře na PC nebo Mac a na Safari a také ve všech ostatních prohlížečích. Při prohlížení webové stránky na iPadu nebo iPhonu (pomocí safari) však funkce automatického tabulátoru nefunguje.

Nějaké nápady, jak zajistit, aby automatická karta fungovala na těchto mobilních zařízeních?

  • Možná vám bude lépe na výměně zásobníku webapps nebo stackoverflow.

Pracoval pro vás: Charles Robertson | Chcete nás kontaktovat?