Autocompletion sur plusieurs champs (YUI et scriptaculous)

Bonjour,

Je possede une liste d'elements et plusieurs champs de saisie _appeles
champs lies par la suite.
Je dois mettre en place une autocompletion sur ces champs avec comme
consigne que si un element a ete saisi dans un des champs lies, il ne
doit plus apparaitre dans la liste proposee.
Contrainte supplementaire, je peux avoir plusieurs champs lies dans la
même page (donc plusieurs liste).


Pour mettre en place l'autocompletion, j'ai d'abord essaye la
bibliotheque de yahoo YUI.
J'ai ecrit une classe qui a comme attribus la liste d'elements, un
tableau d'identifiants des champs de saisie (les champs lies) ainsi
qu'une reference à une fonction.

Pour chaque identifiant du tableau (donc pour chaque champ), je cree un
objet AutoComplete, auquel je dois associer une ref de fonction qui
renverra une liste _liste mise a jour a chaque frappe au clavier.
"this.__oACDS = new YAHOO.widget.DS_JSFunction(ref_func);
this.__oAutoComp = new YAHOO.widget.AutoComplete(id, id_div, this.__oACDS)"
La fonction qui renvoie la liste doit connaitre les champs lies, c'est
donc une methode ma classe.

Le probleme, c'est que au moment de l'appel a cette fonction 'this'
represente la page, mes connaissances en js étant encore limité, j'ai
palier le pb en appelant un fonction qui elle invoque ma methode.

J'obtiens donc :
var a_ids = new Array('ref', '1');
var a_liste = [['brett'], ['brad'], ['broke'], ['brook'],
['brenda'], ['betty'], ['becky']];
//equivalent a 'onload'
YAHOO.util.Event.addListener(this,'load', grp_un = new
GroupInput(a_ids, a_liste, fn_loadList));

function fn_loadList(sQuery)
{ return grp_un.loadList(sQuery); }

ou GroupInput est ma classe. sQuery est le contenu du champ en cours de
saisie, envoye par YUI.
Ma question : peut-on faire plus 'propre', sans cette fonction
'fn_loadList' et si oui, comment ?

---------------
J'ai egalement essaye la bibliotheque scriptaculous.
Cette fois c'est plus propre. Ma classe a seulement comme attribus la
liste d'elements et un tableau d'identifiants des champs de saisie (les
champs lies) ainsi que 2 methodes loadList qui renvoie la liste des
elements et createAutocompleter qui cree un nouvel objet
'Autocompleter.Local' avec comme liste, ce qui est renvoye par loadList.
J'ai donc cette fois _execute au chargement de la page:
var a_ids = new Array('ref', '1');
var a_liste = ['bob', 'rob', 'tod', 'brett', 'brat', 'brook', 'broke'];
grp_un = new GroupInput(a_ids, a_liste);
avec une invocation de createAutocompleter a la prise de focus de chaque
champ :
<input id='ref' onfocus="grp_un.createAutocompleter('ref')"/><br />
<input id='1' onfocus="grp_un.createAutocompleter('1')" /><br />

Cette fois ce qui me chagrine c'est que des objets soient recrees a
chaque prise de focus.

-------------
Les 2 solutions fonctionnent. Cependant, j'aurais voulu travailler avec
des objets crees une fois au chargement de la page (comme avec YUI),
mais sans traitement exterieur à ma classe.

Merci,
Et si je n'ai pas été assez clair dites-le.

KooK