[php/AJAX] Listes déroulantes Résolu

Question

Bonjour, J'ai un petit problème de listes déroulantes. J'ai beau cherché sur différents forums je ne trouve pas la réponse à ma question. J'ai 2 listes déroulantes ('familles' et 'sous-familles') issues directement des tables de même nom de ma base Mysql.Comme leur nom l'indique, les listes sous-familles et familles sont liées. Je voudrais pouvoir sélectionner une famille, puis une sous-famille et de là, je voudrais faire apparaitre tous les articles de la sous-famille sélectionnée.Bref, mes deux listes sont bien alimentées et si je sélectionne une 'famille', la liste 'sous_familles' se met à jour (j'ai vu cette technique sur un forum qui parlé d'AJAX).De même, si je choisis une 'sous-famille', les 'articles' de celle-ci apparaissent à la suite.Mais là où ça se gâte, c'est si je sélectionne une famille, les modifications sur la liste sous-familles n'ont plus d'incidence, pas d'apparition des articles.J'ai un fichier selection.php où se trouve le code js ainsi que mes deux listes déroulantes et l'emplacement pour l'aperçu des articles.Ma première liste, via la fonction sendData envoie la famille sélectionnée au fichier ajaxssf.php pour modifier la liste sous-famille.La deuxième envoie, toujours par sendData, la sous-famille sélectionnée au fichier ajaxart.php pour afficher les articles correspondants.Les fichiers ajaxssf et ajaxart n'ont pas la même en-tête que le fichier principal, pas de JS, seulement un header('Content-type: text').A mon avisde débutant, aussi humble soit-il, ma fonction sendData (tirée d'un tuto et adaptée à mon cas) de mon code js marche, puisque j'arrive à la faire fonctionner autant de fois que je veux, si je change mon choix sur la même liste.Je pense que mon problème vient du fichier ajaxssf.php (appelé lorsqu'on change la famille), où j'utilise toujours la même fonction (sendData), mais j'ai l'impression qu'elle n'est pas reconnue.Je n'ai sans doute pas compris les subtilités de la méthode que j'ai utilisée, car apparament, je ne sais pas ce qu'il se passe exactement comme échange.PS: je n'ai pas mis mon code, mais si ça peut vous être utile, je peux le poster.si quelqu'un a lu ce post en entier, je l'en remercie, c'est déjà un grand mal.si quelqu'un a compris, je l'en félicite.si quelqu'un a une idée, je le solicite.si quelqu'un a des questions, n'hésite pas.Merci d'avance. Loran.

Alain42 · Accepted Answer

Je suis revenu de mon rendez vous, j'ai eu un peu de temps alors je t'ai fait tes scripts pour ce dont tu as besoin: 3 fichiers toujours config.php: page1.php: repPhpAjax.php: "; $aff.="NomActif";// ligne des titres du tableau while ($row=mysql_fetch_assoc($result_recherche)){ //cocher le bouton radio en focntion de l'etat Actif oui/non lu dans la base if($row['Actif']=="oui"){$check_oui="checked"; $check_non="";}else{$check_oui=""; $check_non="checked";} // generation des lignes de la reponse $aff.=""; $aff.="oui"; $aff.="non"; } $aff.=""; // envoi reponse Php a Ajax qui va afficher tout ça dans la page echo $aff; ?>

loranl · Answer

Désolé pour le calvère de ceux qui m'ont lu jusqu'au bout. Je viens de trouvre la solution à mon problème en ne faisant pas appel à ma fonction depuis ma page ajaxssf.php, mais directement depuis ma page principale 'selection.php'Voilà, ça n'aura certainement pas fait avancer les choses, et sans doute personne ne m'aura lu, mais je préfère quand même conclure mon Post.A bientôt, peut-être.

techer jean-françois · Answer

bonjour ioran
j'ai lu ta demande d'aide concernant des les tes déroulantes de familles et de sous familles et j'ai vu que tu avais trouvé la solution
je souhaiterai jeter un oeil sur ton code pour le comprendre et apprendre 
je te remercie de me donner la possibilité de le lire 
jean-francois techer
techer.jean-francois@wanadoo.fr

loranl · Answer

Désolé Jean-François
Mais depuis ce dernier post, j'ai changé 15 fois de boulot.
J'avoue que je me suis totalement désintéressé du php et de Ajax, et après un an passé sans voir ce type de code, je sais à peine de quoi je parlais à l'époque. Etant novice, je m'y suis intéressé, mais depuis, de l'eau a coulé sous les ponts et a emporté le code avec elle.
Bonne recherche quand même, si tu n'as pas encore trouvé ta solution.

karim · Answer

oui loranl tu peut faire ca meme avec javascript sans recour au langauge ajax et aussi j'ai fait ca sans aussi charger la pager mais si tu veut faire une 3 éme categorie sans charger la page alors il faut faire ca avec ajax mais en deux categorie seulement tu peut le faire

imane14 · Answer

Bonjour,
Est ce que tu peux poster ton code pour voir un peu stp?
J'ai le même problème que tu avais, je bloque depuis plusieurs jours.
Merci d'avance pour ton aide!

Alain42 · Answer

Salut imane14, Quel est ton problème exactement ? Tu veux trois listes déroulantes liées par des appels Ajax à un script php (interro BDD), pour faire quoi ? J'aurais un code qui peut t'intéresser, avec plus de précisions.

imae14 · Answer

j'ai 3 tables : impact, processus, instancededecision.
Ma table impact contient 2 élements: impact1 et impact2.
Ma table processus contient 3 éléments: processus1, processus2 et processus3.
Ma table instancededecision contient instance1 et instance2.
Voici le code de création de ces tables:
CREATE TABLE `impact` (
  `id_impact` int(11) NOT NULL auto_increment,
  `LibelleImpact` varchar(50) NOT NULL default '',
  `Actif` varchar(50) NOT NULL default '',
  PRIMARY KEY (`id_impact`)
)

CREATE TABLE `instancedecisison` (
  `Id_Instance_Decision` int(11) NOT NULL auto_increment,
  `Nom` varchar(50) NOT NULL default '',
  `Actif` varchar(50) NOT NULL default '',
  PRIMARY KEY (`Id_Instance_Decision`)
)

CREATE TABLE `processus` (
  `Id_Processus` int(11) NOT NULL auto_increment,
  `NomProcessus` varchar(50) NOT NULL default '',
  `Actif` varchar(50) NOT NULL default '',
  PRIMARY KEY (`Id_Processus`)
)

En fait dans ma liste déroulante je dois avoir imapct, processus, instancededecision, càd les noms de mes 3 tables.
Qd je vais choisir par exemple impact dans cette liste à coté je dois avoir une sotre de tableau de deux colonnes Nom et Actif.
Dans la colonne Nom, je dois pouvoir afficher les noms des éléments de ma table impact, ici sera impact1, imapct2.
La colonne actif contient des boutons à cocher pour chaque élément.
Bien évidemment, je peux afficher des éléments qui existent déjà dans la table comme je peux créer des nouveaux ou modifier qq uns.

Merci d'avance:-)

Alain42 · Answer

Je n'ai pas trop le temps alors je te donne les codes exemple que j'ai pour deux listes : inspires toi en et adaptes en analysant le principe, tu verras ce n'est pas tjs facile à debugger mais une fois que ça marche Ajax c'est de la "balle"! si besoin decommente la boite alert() dans la fct traitement de la réponse pour voir ce que répond PHP. 3 fichiers: config.php: liste_liees.php: repPhpAjax.php:

"; // envoi reponse Php a Ajax echo $aff; ?>

imae14 · Answer

Merci bcp Alain42.
Je vais essayer ta proposition, si j'ai un problème je vais te conacter.

imane14 · Answer

Bonjour, J'ai essayé ton code. Pour l'instant, il y a une erreur à cette ligne de la page1.php:

Liste1:
. Je ne vois varaiment pas! il faut créer une page liste_liees.php qui est déclarée dans action du formulaire de page1.php ? c'est quoi le rôle de cette fonction : makeRequest('rep_PhpAjax.php','id_niv1','id_niv2')? Excuses moi je suis encore débutante. Je te remercie bcp.

Alain42 · Answer

Coucou c'est moi qui reviens de la campagne. C'est bien le code du post n° 9 que tu as pris ? Il doit y avoir un pb au moment du copier/ coller car moi je n'ai pas d'erreur (je teste avec EasyPhp 2). Je ne vois pas ce qui peut gêner à cette ligne là. Mais méfie toi car comme il y a plusieurs lignes que j'ai laissé en commentaire (entre /* et */ après // connexion à la base), parfois php n'en tient pas compte dans le numéro de ligne en erreur et l'erreur est quelques lignes plus loin. Essayes en otant ces lignes qui ne servent pas. Pour répondre à ta question: onChange="makeRequest('rep_PhpAjax.php','id_niv1','id_niv2')" lorsque l'utilisateur sélectionne un nouvel élément dans la liste, on appelle la fonction Ajax/Javascript makeRequest...... On appelle cette fonction en lui passant les arguments: id de la liste, id du niveau a ecrire Cette fonction utilise la propriété d'Ajax de lancer une requette vers un script PHP en arrière plan, sans recharger la page, ce qui est plus fluide. On appelle le script php (rep_PhpAjax.php) en lui passant la valeur qui a été sélectionnée. On lit la valeur par le getElementByID('id_de_la_liste_deroulante') et on l'envoi par le http_request.send(data); Le script php recevant cette valeur, va interroger la base de données , construction de la partie que l'on veut afficher en niveau2 et renvoyer le résultat (echo $aff); lorsque la réponse arrive au navigateur, elle est traitée par la fonction traitementReponse. Elle va écrire par innerHTML la réponse dans le

imane14 · Answer

Coucou, j'ai attendu ta réponse, je pensais que tu m'as oublié!! Je t'envoie les scripts: page1.php repPhpajax.php "; echo"NomActif";// ligne des titres du tableau while ($row=mysql_fetch_assoc($result_recherche)) { //cocher le bouton radio en focntion de l'etat Actif oui/non lu dans la base if($row['Actif']==1) { $check_oui="checked"; $check_non=""; } else { $check_oui=""; $check_non="checked"; } // generation des lignes de la reponse echo""; echo"oui"; echo"non"; } echo""; // envoi reponse Php a Ajax qui va afficher tout ça dans la page //echo $aff; ?> modifajax.php "; echo"NomActif";// ligne des titres du tableau while ($row=mysql_fetch_assoc($result_recherche)) { //cocher le bouton radio en focntion de l'etat Actif oui/non lu dans la base if($row['Actif']==1) { $check_oui="checked"; $check_non=""; } else { $check_oui=""; $check_non="checked"; } // generation des lignes de la reponse echo""; echo"oui"; echo"non"; } echo""; // envoi reponse Php a Ajax qui va afficher tout ça dans la page //echo $aff; ?> Ces scripts ne marchent pas/ la page modifajax.php concerne l'ajout de champs et l'enregistrement de ces derniers ds la bas de données. il ya le cas de modification et de suppression que je n'ai pas encore géré. Je bloque bcp. Merci de tes aides Alain42.

Alain42 · Answer

Première question:

- as tu essayé les trois fichier que je t'ai donné en renommant seulement le fichier repPhpAjax.php en rep_PhpAjax.php et en mettant bien sur tes codes d'accès à la base.

est ce que ce principe te convient, on aménagera plus tard.

Si j'ai bien compris, tu veux qu'après le choix dans la liste 1:

- apparaisse le tableau à deux colonnes avec dans une  des champs contenant les processus  et dans l'autre en face des boutons radio Actif  oui/non

- ensuite en dessous des boutons:
                 ajouter  une ligne  (un champ colonne de gauche et deux boutons radio actif oui/NON col de droite (la l'utilisateur pourra rentrer      une nouvelle valeur
                modifierr  (inutile car il peut modifier directement dans les champs et cliquer les boutons radio).
                Enregistrer (pour enregistrer toutes les modifs d'un coup)


Car tu as sérieusement modifié la fonction MakeRequest et notamment url a disparu alors comment appeler le script php ?

Si le principe Ajax te perturbe trop on peut faire seulement en PHP cela oblige à recharger la page à chaque fois, c'est comme tu veux .

imane14 · Answer

En fait qd j'ai essayé les trois fichiers que tu m'as donné en renommant seulement le fichier repPhpAjax.php en rep_PhpAjax.php et en mettant bien sur tes codes d'accès à la base ça fonctionnait. 
Maintenant que j'ai ajouté le script concernant l'ajout, rien ne fonctionne.
Normalement qd on affiche les élements de la table séléctionnée dans le tableau, les boutons Actif ou non actif doit etre figé?
Imagine par erreur un élément est actif  l'administrateur coche non actif, il y aura une modification non souhaitée!!
Pour la suppression je ne voits pas trop cmt il faut faire, car si on décide de supprimer un élément du tableau, il faut qu'on arrive à le garder ds l'historique de la base de données.
Est ce que tu px m'expliquer en détails ce que tes scripts font exactement?Je ne comprends pas bien le principe de Ajax.
En php je ne sais pas cmt faire, je suis débutante:-(.Donc je ne peux pas te dire qu'est ce que je préfère!!
Merci bcp Alain42.

Alain42 · Answer

Précises moi:

- est ce que ce format d'affichage de la réponse te convient ?

- ensuite que doit pouvoir modifier l'utilisateur ou l'administrateur ? est  ce la même personne
      le texte contenu dans le champ
      modifier actif  oui/non correspondant
 - ajouter un nouveau champ ?  en cochant actif

- supprimer un champ  ?  

- ou la partie existante est seulement en consultation.

On peut afficher des choses mais les rendre non modifiables.

Pour garder une trace dans la base une fois supprimé, je ne vois pas l'interêt ?

imane14 · Answer

oui le format me convient.
modifier ce qu'il y a déjà dans la base de données.
ajouter des nouveaux éléments pour les enregistrer ds la base de données.
supprimer un élément du tableau.


Merci

imane14 · Answer

BONJOUR, Je te renvoie les scripts: modifajax.php page1.php "; echo"NomActif";// ligne des titres du tableau while ($row=mysql_fetch_assoc($result_recherche)) { //cocher le bouton radio en focntion de l'etat Actif oui/non lu dans la base if($row['Actif']==1) { $check_oui="checked"; $check_non=""; } else { $check_oui=""; $check_non="checked"; } // generation des lignes de la reponse echo""; echo"oui"; echo"non"; } echo""; // envoi reponse Php a Ajax qui va afficher tout ça dans la page //echo $aff; ?> repAjaxPhp.php "; echo"NomActif";// ligne des titres du tableau while ($row=mysql_fetch_assoc($result_recherche)) { //cocher le bouton radio en focntion de l'etat Actif oui/non lu dans la base if($row['Actif']==1) { $check_oui="checked"; $check_non=""; } else { $check_oui=""; $check_non="checked"; } // generation des lignes de la reponse echo""; echo"oui"; echo"non"; } echo""; // envoi reponse Php a Ajax qui va afficher tout ça dans la page //echo $aff; ?> en fait, maintenant il affiche les elements qui sont déjà dans la base de données, mais si je veux ajouter un nouveau element, il n'arrive pas à créer une nouvelle zone de texte dans le tableau pour rajouter l'element que j'ai saisi. Je pense qu'il faut ajouter qqc dans la fonction traitementReponse de la page1.php!!! Par exemple si je choisi impact dans ma liste déroulante, il m'affiche process1 et le bouton actif est coché(ce que contient la table processus), maintenant j'ecris procss2 dans la zone de texte champ et je choisi 0 dans la liste select pour dire qu'il est non actif. qd je clique sur le bouton ajouter, il affiche dans une petite fenetre: val_sel=processus/ val_sel1=process2/val_sel2=0 .mais rien ne se rajoute dans le tableau du coup dans la base de données. Merci de ton aide alain42.

Alain42 · Answer

S@alut,

Je suis en train de bosser pour toi.

Je refait tout en php exclusivement, ce serra mieux, et plus simple qu'avec Ajax.

J'en suis à l'étape de rajout d'une ligne et ça marche. Il me reste a traiter l'enregistrement dans la base. En principe ce serra opérationnel ce soir ?

Par contre le post commence à devenir un peu long et difficile à exploiter alors si tu veux contactes moi par mail sur cette adresse provisoire:

alain4208@orange.fr 

 je t'enverrai les fichiers en pièce jointe c'est plus pratique !

frob · Answer

Bonjour, 
tout simplement pour vous remercier tous, dites-vous que vous aidez d'autres personnes (comme moi) qui viennent lire sur le forum et qui, même s'ils n'écrivent pas, se sert énormément de vos expériences et supports mutuels.   Moi j'ai pas toute mes réponses mais j'en ai une bonne partie.

Merci (j'admire l'effort de certains qui prennent de leur temps pour travailler et envoyer des solutions...moi j'aimerais bien mais bazouelle, je manque de temps pour trouver mes propres réponses...)
francois

merial · Answer

salut a tout 
plz je voudrais des informations sur la fonction inputbox dans la language vb.net ,et a quoi sert-il ?

Rien · Answer

Il y a ici des gens plus que généreux (quel post!)

pedatic · Answer

Bonjour
pourriez vous mettre les codes des differents pages en une seule ?

reseau0010 · Answer

bonjour
j ai le meme probleme , si vous avez arrivé a resoudre le probleme merci d envoyer la solution
merci bcp

[php/AJAX] Listes déroulantes - Page 2

Discussions similaires

Newsletters