Hello. In this video I will give you another example about how you can use JavaScript in your ADF application. One of my previous customer requirement is he want to press Enter. And once you press enter, the cursor should move to the next field and Reese enters the cursor move to the next with instead of using taps. So now currently I use step should be talking forward to his interview, and he used to press enter to move the cursor from one field to another field. So I will show you in this video how you can move the focus or the cursor from one field to another field using JavaScript and instead of using Shift Tab to reverse the cursor, you should brace Shift Enter.

So I will show you how you can press enter and Shift Enter to control the cursor Enza. It worked components. So, here is the JavaScript let us go to JavaScript and create a function which will do this. So, I already created this function I just went past it here, this function is tap index. So, what actually this function do? It will check if the shift key is pressed or not.

So, if the shift key is pressed, it will check if the Enter key because in Turkey has a key code equal 1330 it means this is an integer key pressed and if the Enter key is pressed, it will get a component This is a parameter I will send it to the function I will get a component which I need is a cursor to go and it will set the focus to this component. And if the shift is not pressed, and inter is breast only you will get very to coordinate these two component IDs and I will get this component and I will sit in focus. So, let us try to call this function tap index in our input text here 123 So, if I am here, I will add a listener and I will add Mr. tab index This is okay and here's the type will be key press Once I press a key, so, here Once I press a key it will call it the index, but this step index actually waiting two parameters one called previous component one called next component.

So, what is the reviews component ID for this which it will be this which is it. So here I will add He faces as I told you, client attribute is used to send the barometer to Java Script. So, I will add client attribute the name will be previous ID and the value of the previous will be 85. And the other client attribute which is a tap index function weighting is what is the next. So, the next component for me will be this component which is 87. So, the next would be it.

So, this is a component which I need to set the focus if I press enter. So, for each input ticket, I have one the previous component ID and then it has to commodity. So, we will do the same in this in particular and this particular So all we'll call type index is a key plus that's fine. But for this component my previous my next component because component will be this 88 my previous component will business 86 Okay, what is this? My previous component should be this 87 and my knickers component should be this odd one. Okay, so now, for each in both tickets, I add a client listener which call a JavaScript method called index and I will send a two parameter to system index one parameter called previous components Another one called next component, and I will set the value of my previous component and iD iD of the my new custom one.

This is how we can control the focus over the input text using JavaScript to get the component and the formula component I will just focus. So let us now try to refresh the pitch and throw it to for example I am here I need to enter. I will find here's the cursor is go. Let me shift enter, is going up, enter, enter, Shift Enter. So now I can control the focus using Shift Enter and enter to change courses so this is an example For how you can handle the keyboard code, if you want to use any other key instead of enter, you can write replace this routine with Zack code, how do you know which code the keyboard a key has you can simply you will find here getting key code. So here you can just display a code and you will know.

So it was here right alert and displays a code and once you press any key in the keyboard, it will display the code of this key. So for example, here I need to bris for example, q i am here, I will press Q. So it gives me 130. Okay, if I press W 100. So just if you want to use any other key industry Enter just displays a code to get set value for example, I will write q q is 113. So I will replace this 13 was 113 and it will the focus will be changed wants to use a press Q.

So, this is an example for how you can get zip code for each keyboard and you can check if the user press this specific code you can get some component and see the focus of this combo because the video I will show you something else So, see you next video