jQuery Forum

Hi everyone !

I've been struggling with this for a couple of hours, and I'm not much of an expert in jQuery, or even Javascript.

Here's my situation: I've got a data array which looks like this:

1. var availableTags = [
2. {label: "xxx", common_name: "xxx", latin_name: "xxx", category: "xxx"},
3. {label: "xxx", common_name: "xxx", latin_name: "xxx", category: "xxx"},
4. {label: "xxx", common_name: "xxx", latin_name: "xxx", category: "xxx"},
5. ...
6. ]

After searching the API documentation related to "custom data and display", and browsing the web, I managed to implement a function allowing me to perform the comparison on all the fields in the array above.

Now, problem is, some fields may contain accented characters. Originally, I was working with an array, containing single values, like so:

1. ["xxx", "xxx", "xxx", "xxx", ...]

So I just had to copy/paste the code from the "Accent folding" section from the Autocomplete widget, and it worked.

But, now, as you may have guessed, I need to combine those two functionalities. I need to compare the user input with the multiple fields, as shown above, while "ignoring" the accents.
Basically, I've got these two separated functions, which I used to assign to the "source":

For multiple fields search on custom data:

1. function lightwell(request, response) {
2.       function hasMatch(s) {
3.             if (s){
4.                   return s.toLowerCase().indexOf(request.term.toLowerCase()) !== -1;
5.             }
6.             else
7.                   return -1;
8.             }
9.       }
10.       var i, l, obj, matches = [];
11.       if (request.term === "") {
12.             response([]);
13.             return;
14.       }
15.       for (i = 0, l = availableTags.length; i<l; i++) {
16.             obj = availableTags[i];
17.             if (hasMatch(obj.label) || hasMatch(obj.common_name) || hasMatch(obj.latin_name) || hasMatch(obj.category)) {
18.                   matches.push(obj);
19.             }
20.       }
21.       response(matches);
22. }

For accent folding:

1. var accentMap = {"à":"a", "â":"a", "è":"e", "é":"e", etc. };
   
2. var normalize = function(term) {
   
3.       var ret = "";
4.       for (var i = 0; i < term.length; i++) {
5.             ret += accentMap[term.charAt(i)] || term.charAt(i);
6.       }
7.       return ret;
8. };
9. 
   
10. function accentFolding(request, response){
11.       var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
12.       response($.grep(availableTags, function(value){
13.             value = value.label || value.value || value;
14.             return matcher.test(value) || matcher.test(normalize(value));
15.       }));
16. }

Now I'm wondering how to combine these functions.
I assume the accent folding process should be included somewhere in my "lightwell" function, but I just can't figure out where. Besides, I believe I can't keep my "accentFolding" function as it is for use in "lightwell".

Any help will be much appreciated.

Thank you.