[Ajja]

Ca y est j'ai trouvé la solution. Au risque de te décevoir Bess, la solution que j'ai trouvé ne passe pas par une balise utilisateur

En fait, c'est tout simple. Voici l'autocompletion que l'on peut faire avec jquery à partir de cette source : http://www.javascriptfr.com//code.aspx?ID=44399

>> Mettre la partie ci-dessous dans le head. Une seule chose change par rapport au fichier source. Nous allons remplacer la page rpc.php par une nouvelle page, liée à un nouveau gabarit dans lequel nous inscrivons tout le contenu de la page rpc.php (entre les balise {php}{/php} évidemment).

[ins]<script type="text/javascript" src="js/autocompletion/jquery.js"></script>
{literal}<script type="text/javascript">
$.noConflict(); // Rajouter ce code si vous avez des conflits avec d'autres scripts jquery[/ins]

[ins] function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("index.php?page=autocompletion-nom""rpc.php", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} // lookup

function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
</script>{/literal}
[/ins]

Un dernier petit détail pour les têtes en l'air dans mon genre
Ne pas oublier les balises {literal}{/literal} sur les fonctions js qui sont appelés sur le input
[ins]
<form>
<div>

<br />
<input type="text" size="30" value="" id="inputString" onkeyup=" {literal}lookup(this.value); {/literal}" onblur=" {literal}fill(); {/literal}" />
</div>

<div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="images/upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">
&nbsp;
</div>
</div>
</form>
[/ins]

Merci à toi Bess pour ton aide. En espérant que ce post pourra servir à quelqu'un plus tard.