Autocomplete jquery

Version imprimable

Autocomplete jquery

Bonjour à tous! Je débute avec jQuery. Ce que je voudrais, c'est d'utiliser jQuery autocomplete plugin. Le problème, c'est que je ne comprends pas comment on peut passer mon Array que j'obtiens dans mon fichier php :
ex:auto.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?php
        require 'class/mysql.php'; 
        
        $db= new Mysql();
        $q = $_GET['q'];
        $sql="SELECT scf_compte,scf FROM pc WHERE scf_compte LIKE '$q%' ";
         $req = $db->Query($sql);
                        
                                        $data = $db ->Fetch_array($req) ;
                                    
                                 echo   json_encode($data);
?>

à la focntion 'autocomplete du plugin. le résultat est tout le tableau dans la mêm ligne

coté jquery:

Code:

1
2
3
4
5
6
7
8
9
10
$("#suggest1").autocomplete('auto.php', {
		width: 180,
		matchContains: true,
 
		formatItem: function(data) {
			return   data[0];
		},
		formatResult: function(data) {
			return data[0];
		}

merci........

08/07/2009, 00h29
danielhagnoul

Bonsoir.

Je ne connais pas autocomplete, mais la doc est ici : http://docs.jquery.com/UI/Autocomplete

S.V.P.

donner la structure du fichier JSON

je reprends la discussion avec un petit changement qui est:
avant de faire l'autocomplete je lance une requête ajax , le retour est un tableau json je cherche à faire convertir ou recharger ce tableau dans un tableau javascript ce qui facilitera le travail du plugin autocomplete , sur un tableau local en javascript :
data le tableau json
elementsArray javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(document).ready(function() {
       $.ajax({ // Requete ajax
             type: "POST", // envoie en POST
             url: "auto.php", // url cible du script PHP
             async: true, // mode asynchrone
             data: " ", // données envoyées
              dataType: "json",
             success: function(data){ // Lorsque le PHP à renovyé une réponse
               var elementsArray = new Array();
                //------------
                  ?????
                  c'est ici ou doit ce faire le transfére
                 //---------
 
			  });
               $("#example").autocomplete(elementsArray, {matchContains: true}); // activation de l'autocompletion
               }
     });
 
});

merci.....

moi je le passe dans un foreach :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<?php
        require 'class/mysql.php'; 
        
        $db= new Mysql();
        $q = $_GET['q'];
        $sql="SELECT scf_compte,scf FROM pc WHERE scf_compte LIKE '$q%' ";
         $req = $db->Query($sql);
                        
                                        $data = $db ->Fetch_array($req) ;
                                    
                                 foreach($data as $key) print $key['scf_compte']."\n";
?>

Ensuite si tu veux utiliser ajax fais le dans autocomplete:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
var autocomOpts = {
source: function(request, response) {
  $.ajax({
    url: "auto.php",
    dataType: "json",
    data: request,
    success: response
  });
}
};
	$("#suggest1").autocomplete(autocomOpts);

A tester :D

ca marche pas , je ne sais pas pourquoi ; avec un autre plugin ca marche nickel
mais quant l'autocomplete se déclanche la liste déplace tout les éléments en dessous , détail dans
http://res.nodstrum.com/autoComplete/index.htm

mais je préféré utiliser le plugin dans la site de jquery
http://docs.jquery.com/Plugins/Autocomplete

il me faut cette autocompletion je travaille dessus depuis 2 semaine sans résultat satisfaisant
je ne sais pas y a même pas une personne qui a utiliser ce plugin avec une base mysql .
ce plugin marche très bien il même parfait mais pour exploiter les données d'une bd mysql ça deviens très compliqué .
je pense que la solution et dutiliser ajax.jquery avec en retour un tab json
le problème est que j'arrive pas à exploiter ce dernier avec les option du plugin
http://docs.jquery.com/action/edit/P...e/autocomplete
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $("#suggest1").autocomplete('auto.php', { width: 300, selectFirst: false, formatItem: function(data) { return data.scf_compte; }, formatResult: function(data) { return data.scf_compte; } });
formatItem, formatResult c'est ces 2 option que j'arrive pas a gérer,
je vous en serai reconnaissant de me donner un peu de votre savoir...
je débute avec jquery.
merci

20/07/2009, 19h07
gtraxx

L'exemple que j'ai donné c'est avec le plugin UI autocomplete pas celui de bassistance.
Je rappel que sa : http://docs.jquery.com/Plugins/Autocomplete est égale à sa http://bassistance.de/jquery-plugins...-autocomplete/
Pour l'instant la seul chose que je peux dire par rapport à l'utilisation avec mysql est bien entendu que celle-ci reste identique avec n'importe quel plugin.