[SQL] Liste déroulante dynamique PHP only

Version imprimable

05/05/2006, 12h28
gforce

[SQL] Liste déroulante dynamique PHP only

bonjour, j'aimerais réaliser une liste déroulante en utilisant uniquement du php (ce que j'ai déjà fais) mais j'aimerais que grâce a un champ texte situé juste au-dessus un tri se face dans la liste déroulante directement en tapant un mot ou une lettre (en temps réel). je ne vois pas comment je pourrais réaliser ceci sans ajax.

Merci
05/05/2006, 12h43
Swoög

il te faut te tourner du côté du Javascript de toutes façons...

même si tu n'utilises pas AJAX.

dans ce cas, il te faudra simplement récupérer les options du select, et n'afficher que celle qui commencent par les lettre que tu demandes.
05/05/2006, 13h30
gforce

mais pour que la liste se mette à jour au moment ou je tape?
05/05/2006, 13h48
stunti

tu peux utiliser onKeyPress sur ton select pour pour appeler une fonction javascript qui trie ta liste.
http://www.w3.org/TR/html4/interact/forms.html#h-17.6
05/05/2006, 15h34
gforce

ok merci. la liste est récupérée depuis une base de donnée mais il faudrait trouver une solution pour ne pas lancer une requete serveur a chaque caractère tapé
05/05/2006, 15h37
Swoög

et bien, si dès le départ tu récupères tout le contenu du la base de données, tu peux ensuite filtrer les options du select avec du JS, pas besoin de repasser par le serveur...
05/05/2006, 16h01
gforce

oui j'ai pensé a ca aussi le stocker dans un tableau js comme ca il serai dispo sur la page client sans repasser par le serveur. Vois tu une solution efficace et optimisée pour réaliser cela? Merci
05/05/2006, 16h09
Swoög

très simple, au départ (rien dans le champ texte) ton select doit être plein non ?

et bien tu le remplies simplement comme tu ferais avec un select normal...

comme ça tu as tout sous la main sans problèmes ^^
05/05/2006, 16h56
gforce

ok je vais tester ca
08/05/2006, 14h14
gforce

mais pour stocker ma requete sql dans un tableau js ?

Comme a dit Swoög, tu remplie ta liste avec php :

Code:

1
2
while ($donnee = mysql_fetch_assoc($retour))
    print "<option value='".$donnee['val']."'>".$donnee['nom']."</option>";

08/05/2006, 14h37
gforce

mais lol reliser les post j'ai deja fait cela. Je veux juste que la liste se mette à jour celon ce que l'on tape dans le champs texte
08/05/2006, 14h41
Tipoun

Alors j'ai mal compris ta phrase :

Citation:

mais pour stocker ma requete sql dans un tableau js ?

Citation:

Je veux juste que la liste se mette à jour celon ce que l'on tape dans le champs texte

C'est justement en javascript.
08/05/2006, 14h58
Swoög

il te suffit (par exemple) d'ajuster le display des options qui ne correspondent pas au critère, etc...
08/05/2006, 16h16
Space Cowboy

PHP est un code coté serveur, jamais tu ne pourra faire ce que tu demande avec PHP.
08/05/2006, 16h20
gforce

mais bon ici le tableau php est créé de façon manuel, moi il faudrait qu'il soit créé par une requete sql. personne n'a une fonction toute faite de conversion sql vers js ?
08/05/2006, 16h44
Swoög

Je ne vois pas pourquoi tu insistes, on te dis que quand tu remplit ton select avec PHP, ça te génère automatiquement un tableau JS....
08/05/2006, 17h21
gforce

Citation:

Envoyé par Swoög

Je ne vois pas pourquoi tu insistes

peut être pcq je ne comprend pas ?
08/05/2006, 17h24
Swoög

Je ne vois pas quoi tu dire de plus alors...

quand tu remplies ton select avec toutes les options, tu as ensuite accès à la liste des options grâce à l'arbre DOM de la page HTML (document) et donc à un "tableau" JavaScript contenant toutes les options...
08/05/2006, 17h33
gforce

voici comment il remplise le tableau js dans l'exemple que j'ai montré

var Liste=new CreerListe("Pays", 1, 30)

Liste.Add("Afghanistan");
Liste.Add("Afrique du sud");
....
...

il faudrai que j'arrive a récupérer la liste total grace a ma requete sql ensuite comment pourrais je m'y prendre pour l'intégrer sans cette fonction "Liste.Add" mais dans une boucle évidemment
08/05/2006, 17h50
Swoög

J'ai l'impression que tu t'embête pour rien...
CréerListe n'est pas une classe standard... sans son prototype on ne pourra rien faire...

mais je persiste à dire que tu n'as pas besoin de tout ça...

la simple génération du <select> en HTML te fournira la liste dont tu as besoin...
08/05/2006, 17h56
gforce

je recherche a voir le meme effet que lui. lui ajoute ca liste manuellement ne pourrais tu pas juste me taper une ligne de code pour me montrer comment je pourrais récupérer c'est valeurs?
08/05/2006, 18h02
Swoög

Code:

var liste_des_options = document.getElementsByName('name de ton select')[0].options

bien sûr, j'ai supposé que ton select était le seul à avoir son nom (tu peux aussi passer par une id)

ensuite, tu as un tableau d'Options...

que tu peux manier à ta guise, attention toute fois, c'est le vrai tableau que tu manipules, pas une copie, pense à toujours faire en sorte de pouvoir retourner à l'état initial...
11/05/2006, 21h27
gforce

ton code ne fonctionne pas pour moi

on ma conseillé de faire comme ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript"> 
//connexion base de donnée 

//exécution de la requete 
$res = mysql_query($sql); 

$tableau = array(); 
while ($ligne = mysql_fetch_array($res)) 
{ 
      $tableau[]=$ligne['pays']; // ou autre champ 
} 
   echo "var tableau = new Array(\"" . implode("\",\"", $tableau) . "\");"; 

</script>

Fuseau horaire GMT +2. Il est actuellement 22h52.