plugin Autocomplete, incompréhension

Version imprimable

Bonjour pour utiliser l'autocomplete je fais de cette facon
Code:

1 2 3 var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects".split(" "); alert(3); $("#SocietySearch").autocomplete(data);
Cependant si je retire ou commente le alert ca ne marche pas?
Je ne vois pas pourquoi?

Merci d'avance.

15/09/2010, 16h01
danielhagnoul

Bonjour

L'extrait de code est bref, mais en voyant "data" je pense à une transaction AJAX qui est asynchrone par défaut. Donc votre autocomplete(data) à lieu avec un data incohérent. Vous devez placez autocomplete (data) dans la fonction qui traite la requête AJAX.
15/09/2010, 16h11
plouiserre

Merci de la réponse.
J'ai changé la place de mon appel de ce plugin.
Cependant rien n'a changé :cry:.
En effet l'autocompletion ne marche que si je mets un alert.
15/09/2010, 16h32
danielhagnoul

Avec un plus de code, il serait plus facile d'examiner le problème.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
function AsyncLookUp(element) {
                var httpRequest;
                var val;
                var strsend;
 
                if (window.XMLHttpRequest) {
                    httpRequest = new XMLHttpRequest();
                }
                else if (window.ActiveXObject) { // IE
                    try {
                        httpRequest = new ActiveXObject("MSXML2.XMLHTTP");
                    }
                    catch (e) {
                        try {
                            httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                        catch (e) { }
                    }
                }
 
                if (!httpRequest) {
                    alert("Impossible d'initialiser AJAX, vous ne pouvez pas utiliser ce service");
                    return false;
                }
                httpRequest.onreadystatechange = function () { AsyncLookBack(httpRequest, element); };
 
                httpRequest.open('POST', "FormBtoB_async.aspx", true);
                httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=iso-8859-1');
                val = document.getElementById(element).value;
                strsend = "type=" + element;
 
 
                //pour tout envoyer
                if (element != "") {
                    var val_cdp = document.getElementById("CdpDptVlle").value;
                    var val_Society = document.getElementById("SocietySearch").value;
 
                    strsend = "&val=" + val_cdp;
                    strsend += "&type=" + val_Society;
                    //alert(strsend);
                    httpRequest.send(strsend);                        
 
                }
 
            }
 
            function AsyncLookBack(httpRequest, element) {
 
                if (httpRequest.readyState == 4) {
                    if (httpRequest.status == 200) {
                        if (document.getElementById(element).value != "") {
 
                            var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects".split(" ");
 
                            $("#SocietySearch").autocomplete(data);                    
 
                            //document.getElementById(element + "_suggestlist").innerHTML = httpRequest.responseText;
                        }
                        else {
                            //document.getElementById(element + "_suggestlist").style.display = "none";
 
                        }
                    } else {
                        alert("Le serveur a rencontré un problème");
                    }
                }
            }

En fait la première fonction gère l'ajax et la deuxième fonction ce que je récupère grâce à ajax.

Merci d'avance.

15/09/2010, 18h01
danielhagnoul
:oops: Je crois que je suis parti sur une fausse piste en voyant "data" et en étant trop pressé.

Si vous utilisez UI Autocomplete, c'est :
Code:

1 2 3 4 5 var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects".split(" "); $("#SocietySearch").autocomplete({ source: data });