Discussion :

[saryry]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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........

[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

[saryry]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.....

[gtraxx]

moi je le passe dans un foreach :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[saryry]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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.