Discussion :

[uskiki85]

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 :

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

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

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

[uskiki85]

Aurais tu un exemple de code stp ?

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

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

[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

[Amara]

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

[lavercq]

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.

[uskiki85]

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

Voici mon code, pour l'instant :

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

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

[uskiki85]

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

Si je suis ton raisonnement :

Charger la liste en PHP,

Code :

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

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>

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.

Code :

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

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

[Amara]

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

Code :

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

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 )