FA WITH AUTOCOMPLETE DOWNLOAD (Page 1 of 2)

Looks great. I'll try it.

Thanks.

it will search the entered text  in loaded options only.

some bugs fixed and updated.

Hi, I made a little modification to your Javascript like following. This modification will allow us to search string that contains the Regex special characters.

if (typer.value != '' && typer.value != null) {
    var pattern = escapeRegExp(typer.value); // Escape some Regex special character.
    var tes = new RegExp('(' + pattern + ')', "i");
    pop('block', tes);

}

I also add this new function to do the escaping process.

function escapeRegExp(str) {
  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}

Dear anoopmb,

This is an awsome modification to FA. It has totally changed the shape of it.

One problem that I am facing is that once an item filtered and then selected then using TAB key the next focus is lost. It is not shifting to the next text box on the page.

Regards.

Dear Anoop
I found that after implementing this Auto Complete Feature the Editable Description on Quotation/Direct Sales Invoice is not working now.
Can you please look into it. The editable description feature is very important for our business. Now we are in a fix what to do?

I really like this modification and I'm using it in my development. Few days ago I try to fix the problem related to TAB and lost focus I made the following modifications.

typer.onfocus = function (event) {
    # pop("block"); // I remove this.
    // Then add this line so the textfield will not lost focus if Enter is pressed.
    save_focus(typer);
    typer.select();
};

And also this one.

// I add the 9 (Tab) and 16 (Shift) so the popup list will not be displayed if tab or shift is pressed.
if(event.which!=13&&event.which!=16&&event.which!=17&&event.which!=18&&event.which!=19&&event.which!=20
    &&event.which!=27&&event.which!=35&&event.which!=36&&event.which!=37&&event.which!=38
    &&event.which!=39&&event.which!=40&&event.which!=91&&event.which!=93&&event.which!=224
    &&event.which!=16&&event.which!=9){

After that modification, the autocomplete textfield will not lose the focus when I press Enter and I can safely press Tab to move to cursor to another element.

But one issue still remains in item list that has the textfield for typing item code. In the previous traditional select, when we type the item code, the selected item in list will be changed too based on the code we type. But that's not happen now.

Anoop, I think you can consider to put this modification to GitHub so the people can contribute easier for the development .

Thank you

Anoop earlier I wrote that the Editable Description is not working with this modification. But later I could find that If I select the same Item twice then it allows to Edit the Description.

I have the modification in the following link:
http://stuff.w3shaman.com/others/fa-autocomplete.zip

Please, remember to backup your code before using it.

Can anyone help with this Auto Complete in 2.4?

I am using your auto complete in 2.3.25

Please suggest any changes to make it usable in 2.4 as well

Can i have a copy of these mod please

Hi Anoop,
I'm using Front Account v2.4.6 and I'm completely new to this..
I was trying to apply your solution for autocomplete dropdown, but its not working, can you please help me here, it's a very urgent requirement for me..
Thanks in advance.