Question sur mysql

Version imprimable

06/04/2009, 20h36
fasyr

Question sur mysql

Bonjour,
J'aurais voulu savoir si il était possible par le biais d'un formulaire en php d'effectuer une recherche sur une bdd mysql et qu'a chaque fois que l'utilisateur entre une caractère dans le champs prévu à la recherche il s'affiche dans ce même champs les résultats qui corresponde au caractères tapé.(comme pour le moteur de recherche google) J'espere m'être bien expliqué
06/04/2009, 21h47
StephaneC.

Bonjour Fasyr,

Ce que tu cherches à faire s'appelle de l'autocomplétion.
C'est tout à fait possible, mais il faut savoir que l'autocomplétion fait toucher à beaucoup de domaines.
Pour commencer, tu peux faire quelques recherches sur : Ajax (l'autocomplétion repose sur des appels Ajax), Script.aculo.us (une librairie JS parmi d'autres qui fait très bien de l'autocomplétion) et bien sûr autocomplétion !

Bon courage,
Stéphane
07/04/2009, 10h23
fasyr

ok

Merci de ta réponse as tu déja développer cette fonctionnalité? si oui à tu des exemple simple qui pourrait me permettre de le developper?

Bonjour,

Je peux te proposer une solution d'auto complétion (celle que j'utilise personnellement) elle utilise le framework aculous

il faut préalablement télécharger ce fameux framework (ici)

ensuite tu dois donc inclure tes librairies

(à placer dans le head)
Code:

1 2 3 <script src="aculous/lib/prototype.js" type="text/javascript"></script> <script src="aculous/src/scriptaculous.js" type="text/javascript"></script>
puis le bout de code html/javascript correspondant
Code:

1 2 3 4 5 6 7 Recherche <input name='recherche' type='text' id='recherche'/> <div id='recherche_propositions'></div> <script type='text/javascript' language='javascript'> new Ajax.Autocompleter('recherche','recherche_propositions','auto_result.php',{ paramName: 'text', minChars: 1 }); </script>
le premier input correspond à ton champ ou tu tapes
la div recherche_propositions correspond à la div dans laquelle seront afficher tes résultats de l'auto complétion et enfin la fonction Ajax.Autocompleter,
le premier paramètre étant l'endroit ou il va cherche ce que tu tapes,
le deuxième est l'endroit ou il charge les résultat,
le troisième est le fichier php appelé.
paramName:'text' défini le nom de la variable que tu récupérera dans ton fichier php via le tableau superglobal $_POST['test'] est minchar étant le nombre de caractère mini avant que la fonction se déclenche.

Pour le fichier php qui recupère les données dans la base je te laisse travailler un petit peu quand même, sache juste qu'il faut formater le résultat sous la forme
Code:

1 2 3 4 5 6 <ul> <li>premier champ</li> <li>deuxième champ</li> ... </ul>
Cordialement,
Sweet

15/04/2009, 08h56
fasyr

Question

Salut,
Merci de ta réponse. Tu me dis qu'il faut que je télécharge un framework aculous. Cependnat, l'application que je creée(qui est une page intranet) doit être accessible par tout une entreprise(c'est un répertoire de contacts en fait). Faut-il donc que le framework soit installé sur toutes les machines qui utiliserons ma page intranet?

Cordialement
Cyril
15/04/2009, 10h38
Sweet_23

Bonjour,

Non, il suffit juste de placer les dossiers de la librairie à l'endroit où est stocké ta page web.
A chaque fois que tu visites un site web avec des effets en javascript dans tout les sens, tu n'as pas a télécharger les framework utilisé (dans le cas où un framework à été utilisé ^^).
Intranet ou pas la page web est bien stocké sur un seul et unique emplacement auquel tout le monde se connecte, le principe reste le même.

Aculous n'est rien de plus qu'une série de fichiers .js contenant une multitude de fonction javascript déjà programmé dans le but de te simplifier la vie.

Après bien évidemment si tu te sens de programmer la fonction par toi même au diable les frameworks !

Cordialement,
Sweet.

probleme

désoler pour mon incompétence mais je galère un peu:

j'ai fait mon fichier php qui me renvoi bien ma liste de contacts:

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
<?php
 
//connection à la base de données
	include('../connection_bd.php');
 
	//construction de la requette
	$sql = "SELECT NOMCONTACT FROM contacts";
 
	//execution de la requette
	$resultat = mysql_query($sql) or die('erreur SQL' .$sql.'<br/> .mysql_error();');
 
	//debut de la liste
	$paramDebut = '<ul>';
 
	while ($data = mysql_fetch_array($resultat, MYSQL_ASSOC)){
	//éléments de la liste
	$paramMid = $paramMid.'<li>'.$data['NOMCONTACT'].'</li>';
	}
	//fin de la liste
	$paramFin ='</ul>';
 
	//Concaténation du debut+élement+fin de liste
	$paramName = $paramDebut.$paramMid.$paramFin;
	return $paramName;
 
	//fermeture de la connection
	mysql_close();
 
?>

et mon formulaire qui contient mon input de recherche:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
		<script src="lib/prototype.js" type="text/javascript"></script> 
		<script src="src/scriptaculous.js" type="text/javascript"></script>
    </head>
    <body>
        <form method="POST" action="../controleur/controleur_recherche_contact.php" name="recherche_contact">
			<table border="1">
						<caption>Recherche d\'un contacts</caption>
							<tr> 
								<th>Nom : </th>
								<td>
									<input type="text" name="Nom" id='Nom'> 
									<div id='recherche_propositions'></div>
									<script type='text/javascript' LANGUAGE='javascript'> 
									new Ajax.Autocompleter('Nom','recherche_propositions','auto_contact.php',{  paramName: 'text',   minChars: 1 }); 
									</script>
								</td>
								<td><a href="../Vue/formulaire_contact.php"> Créer un nouveau contact </td>
							</tr> 
							<tr> 
								<th>Lancer la recherche</th>
								<td><input type="submit" value="Rechercher"></td>
							</tr>
					</table>
				</form>
   </body>
</html>

Cependant je ne vois pas ou je doit mettre ma variable $_POST[test]

désolé je sais que je galère mais bon je débute et on me demande de faire ce genre de truc pour mon stage
Merci

15/04/2009, 13h12
Sweet_23

Bonjour,

Ahhhh un tabblleeaauauu !!
Bon ok je m'emballe mais un <table> ça sert à présenter des données tabulaires ! pas pour la mise en page.. m'enfin bref passons.

le $_POST['text']; est à mettre dans ton fichier php, et oui là (d'ailleurs est ce que ça fonctionne pour le moment ?)si ça fonctionne, quand tu tapes un caractère il te sort toujours la même liste qui contient tout les noms de contact.

il faut donc placer le $_POST['text']; au début de ton fichier php, pour récupérer le caractère que tu as tapé, et ensuite adapter ta requête sql pour qu'elle filtre les résultats en fonction de ce que tu tapes.. je te laisse travailler sur ce sujet. Et oui faut bien travailler un peu ^^'.

Cordialement,
Sweet

ps:la mise en page en tableau risque de pertubé la div recherche_propositions..
ps2:<murmure>penses à chercher du côté de where ... like ..</murmure>

EDIT : oui au fait dans ton fichier php, il ne faut pas mettre return mais echo à la fin, ça ne marche pas comme une fonction, ça charge dans la div ce qu'affiche le fichier php.
15/04/2009, 15h18
fasyr

ok

c'est bon sa fonctionne!! Merci pour ton aide vraiment!
Avant de ne plus t'embeter, est-il normal que ce ne soit pas trés réactif et surtout lors du survol des possibilités avec de la souris aucun retour de surbrillance n'apparait? Est-il possible de changer des valeur dans le javascript pour améliorer son fonctionnement?

Merci encore!!
15/04/2009, 16h44
Sweet_23
Bonjour,

Euhhh.. alors si ce n'est pas fluide cela vient de ton pc :) pour la surbrillance.. le plus simple et efficace reste de le faire en css avec un truc du style
Code:

1 2 3 4 5 6 li:hover{ background-color:#FFFFOO; ... }
Cordialement,
Sweet
16/04/2009, 09h39
fasyr

Merci

c'est ok tout fonctionne merci beaucoup pour ton aide