Filtre sur un select

Version imprimable

Bonjour,

Je voudrai faire un filtre sur un select mais je ne sais trop comment faire. Je voudrais que dès que l'on commence à taper une lettre ds mon champ filtre, mon select se mette à jour. Ainsi à chaque lettre tappé sur mon filtre, mon select s'actualise.

type :
Code:

1 2 3 4 5 6 7 8 9 <select name="Liste" <?php $req="SELECT toto FROM tata WHERE toto LIKE '%$Monfiltre%'"; $result = mysql_query($req); while($row = mysql_fetch_array($result)) { echo '<option value="'.$row[0].'">'.$row[0].'</option>';} ?> </select>
<INPUT NAME="Monfiltre" ???>

Merci pour votre aide

19/10/2009, 18h32
coach759

bonjour,

Si tu veux que le champs select change en fonction de ce que tape l'utilisateur, il faut que soit tu recharge la page à chaque fois ou soit il te faut utiliser du javascript.

La première solution est plus simple à réaliser, mais je te l'accordes, beaucoup moins joli...
19/10/2009, 18h38
uskiki85

Aurais tu un exemple de code stp ?
19/10/2009, 18h50
Amara

Ca va dépendre aussi de la taille de ta table de recherche parce que je vois mal exécuter une requête à chaque caractère saisi, d'autant plus avec un % pour commencer le filtre, niveau ressource ça va être violent... Si la table est pas trop grosse il faut voir si c'est possible de charger la table dans une variable et ensuite travailler en JS/Ajax sur cette liste au fur et à mesure.
19/10/2009, 18h52
coach759

:?

Je veux bien essayé de t'aider, mais je vais pas t'écrire le code "clé en main"

Dans ton javascript,
Dès que l'utilisateur ajoute une lettre dans ton input (tu peux utiliser l'événement onkeypress), tu fait une petite requete ajax, qui appel une page php, qui va chercher dans ta base de données et renvoyer les résultats.

Ensuite ce que tu reçois en réponse tu l'affecte à ton select.

J'espère que ça va t'éclairer, si tu as des questions n'hésite pas.
19/10/2009, 18h54
uskiki85

non ma table n'est pas très grosse.

Je ne veux pas le code clé en main mais juste les grandes lignes de celui-ci par exemple en fct de l'ébauche de code que j'ai mis ou sinon un exemple simplifié

en effet, ce que je met ds mon filtre affecte directement mon select car celui-ci modifie ma requete .

merci
19/10/2009, 19h00
Amara

Citation:

Envoyé par uskiki85

non ma table n'est pas très grosse.

Dans ce cas charge la liste des mots à filtrer dès le chargement de ta page et travaille sur cette liste, ne va pas faire des requêtes en BDD à tout bout de champ...
Charger la liste en PHP, créer une variable JS avec cette liste, et sur le onchange de ton champ appeler une fonction JS qui fait la recherche dans la liste. A retravailler c'est sans trop réfléchir ça et je maîtrise pas assez JS après :mrgreen:
19/10/2009, 22h30
lavercq

réponse à uskiki85

Bonjour,
Il me semble que cela peut être solutionné par un XMLHttpRequest
Le tutoriel sur Ajax de developpez.net me paraît grandement utile.
Quant à moi,
j'ai pu le faire sur mon site après avoir acheté le livre Ajax et PHP de Ralph Stayer chez CampusPress (www.pearsoneducation.fr) :
Voir ce que cela donne ici :
http://www.ubaye-verdon.net/barcinonien/

Bonne chance.:zoubi:

Simplement avec du php et js, ca doit qd meme etre possible !

Voici mon code, pour l'instant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<SCRIPT>
function Refresh() 
{
	...
}
<SCRIPT>
 
<select name="Liste" 
<?php 
$req="SELECT toto FROM tata WHERE toto LIKE '%$Monfiltre%'; 
$result = mysql_query($req);
while($row = mysql_fetch_array($result))
{ echo '<option value="'.$row[0].'">'.$row[0].'</option>';}
?>
</select>
 
<INPUT NAME="Monfiltre" onchange=Refresh()>

Merci pour votre aide

20/10/2009, 10h34
Amara

Tu n'as pas suivi mes remarques (charger TOUTE ta liste au chargement de la page et travailler ensuite sur la liste)... Là tu vas exploser ta charge sur la BDD en partant comme ça...

J'ai eu tellement de commentaires que je ne savais par ou commencer !

Si je suis ton raisonnement :

Citation:

Envoyé par Amara

Charger la liste en PHP,
Code:

1 2 3 4 5 6 7 8 9 <select name="Liste" <?php $req="SELECT toto FROM tata; $result = mysql_query($req); while($row = mysql_fetch_array($result)) { echo '<option value="'.$row[0].'">'.$row[0].'</option>';} ?> </select>
Citation:

Envoyé par Amara

créer une variable JS avec cette liste,

??????

Citation:

Envoyé par Amara

et sur le onchange de ton champ appeler une fonction JS qui fait la recherche dans la liste.
Code:

1 2 3 4 5 6 7 8 9 <SCRIPT> function Refresh() { ... } <SCRIPT> <INPUT NAME="Monfiltre" onchange=Refresh()>

20/10/2009, 17h51
Amara

Oui l'idée globale c'est bien ça. Pour la décla en JS je pensais à un echo style

Code:

echo "<script>" . [déclaration d'une variable en JS avec tous tes noms] . "</script>";

comme ça dans ta page tu as bien une variable JS qui contient tous tes éléments

par contre après je ne connais pas bien JS pour t'aider sur l'interaction entre la saisie de l'internaute et l'impact sur l'affichage (mais là on sors du cadre PHP qui sert uniquement à charger ta liste de mots dans une variable JS ;) )