Skip to Main Content

Sunday, January 23, 2011

Move cursor automatically into another text field

APEX and jQuery

Here is how you can move cursor automatically into another text field when field max length is reached. I did find this instruction and modified it a bit for APEX.

Create HTML region and text items FIELD_1, FIELD_2 and FIELD_3. Set items HTML Form Element Attributes

tabindex="1"

Chang the value of tabindex according to the item order. Then in HTML region footer

<script type="text/javascript">
$(function(){
 $('##REGION_ID# input:not([type="hidden"])').keyup(function(evt){
  if(this.value.length===this.maxLength&&evt.which>=48){
   n=this.tabIndex;
   evt.preventDefault();
   if(n<$('##REGION_ID# input:not([type="hidden"])').length){
    $('##REGION_ID# input:not([type="hidden"])').eq(n).focus();
   }
   if(n==$('##REGION_ID# input:not([type="hidden"])').length){
    $('##REGION_ID# input:not([type="hidden"])').eq(0).focus();
   }
  }
 });
});
</script>

This example needs jQuery. You can load jQuery on page HTML header if you use APEX version below 4.0. In APEX 4.0 jQuery is integrated.

JavaScript code updated on 25.10.2011

Pagination

Comments

No comments yet on this post