[AJAX] Autocompletion pas à pas - sans PHP

Version imprimable

Bonjour à tous,

J'ai suivi le tuto de Denis Cabasson en remplacant le code php par une jsp comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<%@ page contentType="text/xml"%>
        <%
        String txt=request.getParameter("debut").toLowerCase();
        //String txt="a";
        String[] mainList={"armenie", "albanie", "belorussie", "belgique", "bretagne",
                            "corse", "croisie", "deutchland", "danemark", "espagne", "esthonie", "france", "finlande",
                            "grece", "hollande", "hongrie", "italie", "jordanie", "kosovo", "litoinie", "lybie", "liban", 
                            "malte", "mauritanie", "niger", "norvège", "namibie", "ouganda", "palestine", "pérou", 
                            "québec", "russie", "syrie", "soudan", "tunisie", "turquie", "tanzanie", "uruguay", "vatican",
                            "wagadougou", "xurss", "yougoslavie", "zambie", "zimbabwe"};
            if ((txt!=null)&&(txt!="")){
            out.print("<?xml version='1.0' encoding='UTF-8' ?><options>");
 
                for(int i=0;i<mainList.length;i++){
                    if (mainList[i].toLowerCase().startsWith(txt)){
                        out.print("<option>"+mainList[i]+"</option>");
                }
            }
            out.print("</options>");
        }
 
%>

et en téléchargeant le reste du code comme il est. J'ai remplacé les chemins vers le js et vers le php (jsp dans mon cas), et le css en fonction de mes fichiers. Le css me semblais vide! (body{})...et alors rien, mon champs de recherche ne m'affiche aucune suggestion. A ce sujet, auriez vous SVP une remarque concernant mon code (jsp) ou une précision concernant le code du tuto pour que celà marche correctement...si quelqu'un a une idée je suis preneur. Merci

15/06/2009, 09h15
emmanuel.remy
Salut,
Etonné de cette erreur (étourderie ?):

à remplacer:
Code:

1 2 3 4 if ((txt!=null)&&(txt!="")){ ... }
par:
Code:

1 2 3 4 if ((txt!=null)&&(!txt.equals(""))){ ... }
:aie:

ERE
15/06/2009, 11h16
hocdz

...Merci pour la réponse, j'ai vite corrigé mon étourderie :oops: Cependant, elle ne semble pas être la cause principale (c'est qu'il y en à d'autres :D ). J'ajoute que j'ai juste modifié l'affectation de la varible _adresseRecherche dans le js (autocomplete-1.js dans un premier temps) et le <script... src...> dans la jsp de départ (+ remplacé le fichier php par le jsp inclu dans mon premier message). Quelqu'un voit il d'autres problèmes possibles? Merci d'avance
15/06/2009, 11h50
emmanuel.remy

Procède pas à pas: si tu utilises Firebug, vois tu ton flux XML revenir suite à l'appel AJAX ?

Et as tu sauvegardé ton fichier JSP en UTF-8 ?

ERE
09/08/2009, 18h59
hocdz

Finalement j'ai enlevé la ligne out.print("<?xml version='1.0' encoding='UTF-8' ?><options>"); et à présent ça marche!

Par ailleurs, j'utilise cet ajax (un peu adapté) dans une autre application ou j'aurais besoin d'insérer certains traitements (en js) dans le javascript. Ces traitements sont activés par le choix d'une option dans la liste et ont pour but de compléter un autre champs avec une partie de l'option retournée. Pour celà je dois connaitre les endroits dans le javascript qui traitent le click souris et les touches clavier pour le choix d'une option et aussi savoir comment récupérer le résultat renvoyé à ce moment là pour le spliter et l'insérer ailleurs.
Merci de me donner des éléments de réponse pratiques si vous comprenez très bien le javascript de l'exemple en question (ajax autocompletion pas à pas).

Dernière question! ce qui m'intéresse le plus dans cet ajax c'est le suggest, alors est il facile de désactiver l'autocompletion dans cet exemple (facile et sans conséquences négatives sur le reste!). Merci beaucoup.