begin process at 2012 05 29 09:13:57
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

listes déroulantes liées


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

listes déroulantes liées

dimanche 8 février 2009 à 20:16:45 | listes déroulantes liées

mickael56100

J'aimerais réalisé en ajax un script permettant l'utilsation de liste déroulante liées, c'est à dire des listes déroulantes dont le contenu dépend de ce qui est préalablement sélectionné.

Classe : (Classe de l'étudiant)
Option : ( Option en fonction de la classe, les options different)
Promo : ( les differentes promos ex : 2008/2009)
Etudiant : (la liste des étudiants en fonction de la classe, l'option et la promo)
Référence : (les references de stages en fonction de létudiant et de la promo)

puis ensuite on affiche les informations concernant le stage. J'aimerais réalisé cela de manière asynchrone.
Est ce que quelqu'un pourrait me montrer des scripts similaires a ceci ou m'expliquer en quelques lignes les différentes étapes du développement de ce genre de script.

J'ai tenté d'en trouver sur le site, mais j'en ai pas trouvé concernant les listes déroulantes liées fesant appel à une base de données.

Merci d'avance.
lundi 9 février 2009 à 13:10:19 | Re : listes déroulantes liées
mercredi 11 février 2009 à 12:55:06 | Re : listes déroulantes liées

mickael56100

Sur un autre partie de mon application j'ai une liste déroulante permettant d'accéder au entreprise. Chaque entreprise peuvent avoir plusieurs tuteurs.
voici un extrait de mon code

(page entreprises.php)

<h2 >Consultation des Entreprises</h2>
<p>Texte menu 2 ;)</p>
<link type="text/css" rel="stylesheet" href="css/form.css" />
<script type="text/javascript">
    /**
     * Permet d'envoyer des données en GET ou POST en utilisant les XmlHttpRequest
     */
    function sendData(param, page)
    {
        if(document.all)
        {
            //Internet Explorer
            var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
        }//fin if
        else
        {
            //Mozilla
            var XhrObj = new XMLHttpRequest();
        }//fin else

        //définition de l'endroit d'affichage:
        var content = document.getElementById("contenu");
       
        XhrObj.open("POST", page);

        //Ok pour la page cible
        XhrObj.onreadystatechange = function()
        {
            if (XhrObj.readyState == 4 && XhrObj.status == 200)
                content.innerHTML = XhrObj.responseText ;
        }

        XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        XhrObj.send(param);
    }//fin fonction SendData

</script>
<form id="monForm" action="#" method="post">
    <fieldset>
        <legend align="top">Entreprise</legend>
        <p>
            <label for="form_nomusuel">Nom usuel : </label>
            <?php
   // Paramètres de la Connexion à la base MYSQL
   $user="root";
   $host="localhost";
   $password="";
   $database="logistage";
   $i=0; // variable de test
   $j=0; // variable pour garder la valeur du premier enregistrement catégorie pour l'affichage
   $k=0;   
   $connexion = mysql_connect($host,$user,$password) or die ("Connexion au serveur impossible");
   
   mysql_select_db($database,$connexion);
   
   // Séléction de tous les enregistrements de la table Catégorie
   $rq="Select * from entreprise order by nomentreprise;";
   $result= mysql_query ($rq) or die ("Select impossible");
   echo "<form method='POST' action='valid.php'>";?>   <select size="1" name="cat" OnChange="sendData('id='+this.value,'include/consultentreprises.php')" onKeyUp="sendData('id='+this.value,'include/consultentreprises.php')">
<?php    
   while ($dt=mysql_fetch_row($result))
   {
    // Remplir la liste déroulante des catégorie   
    echo "<option value=".($dt[0]).">".($dt[3])."</option>";
    if ($i==0) { $j=$dt[0]; $i=1; } // garder la valeur du premier enregistrement
   }
   ?>   
   </select>       
        </p>
    </fieldset>
    <div id="contenu">
    <?php
    $req="SELECT * from entreprise Where CodeEntreprise=".$j."";
    $resultreq= mysql_query ($req) or die ("Select impossible");
    $i =0;
    $dt2=mysql_fetch_row($resultreq);
    ?>
    <fieldset>
    <legend>Description de l'entreprise</legend>
        <p>
            <label for="form_rue">Rue : </label>
            <input type="text" id="form_rue" name="rue" value="<?php echo "".utf8_encode($dt2[4]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_cp">Code Postal : </label>
            <input type="text" id="form_cp" name="cp" value="<?php echo "".($dt2[5]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_ville">Ville : </label>
            <input type="text" id="form_ville" name="ville" value="<?php echo "".($dt2[6]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_tel">T&eacute;l&eacute;phone : </label>
            <input type="text" id="form_tel" name="tel" value="<?php echo "".($dt2[7]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_faxe">Faxe : </label>
            <input type="text" id="form_faxe" name="faxe" value="<?php echo "".($dt2[8]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_couriel">Couriel : </label>
            <input type="text" id="form_couriel" name="couriel" value="<?php echo "".($dt2[9]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_web">Web : </label>
            <input type="text" id="form_web" name="web" value="<?php echo "".($dt2[10]).""?>" disabled="true"/>
        </p>
    </fieldset>
    <fieldset>
    <legend align="top">Renseignements</legend>
        <p>
            <label for="form_ape">Code APE : </label>
            <input type="text" id="form_ape" name="ape" value="<?php echo "".($dt2[1]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_siret">Num SIRET/SIREN : </label>
            <input type="text" id="form_siret" name="siret" value="<?php echo "".($dt2[2]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_nbsalarie">Nombre de salari&eacute; : </label>
            <input type="text" id="form_nbsalarie" name="nbsalarie" value="<?php echo "".($dt2[12]).""?>" disabled="true"/>
        </p>
    </fieldset>
    <fieldset>
    <legend align="top">Informations compl&eacute;mentaires</legend>
        <p>
            <label for="form_dateenregistrement">Date enregistrement : </label>
            <input type="text" id="form_dateenregistrement" name="dateenregistrement" value="<?php echo "".($dt2[13]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_dateenregistrement">Date dernier stage : </label>
            <input type="text" id="form_datedernstage" name="dateenregistrement" disabled="true"/>
        </p>
        <p>
        <label for="form_activite">Activit&eacute; principale : </label>
        <input type="text" id="form_activite" name="activite" disabled="true"/>
        </p>
        <p>
        <label for="form_missions">Exemples de missions : </label>
        <input type="text" id="form_missions" name="missions" disabled="true"/>
        </p>
    </fieldset>
    <fieldset>
    <legend align="top">Contacts</legend>
        <p>
        <label for="form_contact">Contact : </label>
       
       
       
        <?php
        // Séléction de tous les enregistrements de la table Tuteur
   $rq1="Select * from tuteur WHERE codeentreprise=".$j.";";
   $result1= mysql_query ($rq1) or die ("Select impossible");
   echo "<form method='POST' action='valid.php'>";?>   <select size="1" name="contact" OnChange="sendData('id='+this.value,'include/consultentreprises.php')" onKeyUp="sendData('id='+this.value,'include/consultentreprises.php')">
<?php    
   while ($dt1=mysql_fetch_row($result1))
   {
    // Remplir la liste déroulante des catégorie   
    echo "<option value=".utf8_encode($dt1[0]).">".($dt1[1])." ".utf8_encode($dt1[2])." ".($dt1[3])."</option><br>";
        if ($i==0) { $k=$dt1[0]; $i=1; }
        }   
   ?>   
   </select>
       
        </p>
        <?php
        $requete="SELECT * from tuteur Where Codetuteur=".$k."";
        $resultrequete= mysql_query ($requete) or die ("Select impossible");
        $i =0;
        $dt3=mysql_fetch_row($resultrequete);
        ?>
        <p>
        <label for="form_teltuteur">Téléphone : </label>
        <input type="text" id="form_teltuteur" name="teltuteur" value="<?php echo "".($dt3[4])."" ?>" disabled="true"/>
        </p>
        <p>
        <label for="form_courieltuteur">Couriel : </label>
        <input type="text" id="form_courieltuteur" name="courieltuteur" value="<?php echo"".($dt3[5])."" ?>" disabled="true"/>
        </p>
    </fieldset>
    </div>
</form>
mercredi 11 février 2009 à 12:56:19 | Re : listes déroulantes liées

mickael56100

(et ma page consultentreprises.php)

<?php
header('Content-type: text') ; // on déclare ce qui va être afficher
 
// test des POST emis
if(isset($_POST['id']) && !empty($_POST['id'])){
   $user="root";
   $host="localhost";
   $password="";
   $database="logistage";
   $connexion = mysql_connect($host,$user,$password) or die ("Connexion au serveur impossible");  
   mysql_select_db($database,$connexion);
   
    $req="SELECT * from entreprise Where CodeEntreprise=".$_POST['id']."";
    $resultreq= mysql_query ($req) or die ("Select impossible");
    $i =0;
    $dt2=mysql_fetch_row($resultreq);
    ?>
    <fieldset>
    <legend>Description de l'entreprise</legend>
        <p>
            <label for="form_rue">Rue : </label>
            <input type="text" id="form_rue" name="rue" value="<?php echo "".utf8_encode($dt2[4]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_cp">Code Postal : </label>
            <input type="text" id="form_cp" name="cp" value="<?php echo "".($dt2[5]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_ville">Ville : </label>
            <input type="text" id="form_ville" name="ville" value="<?php echo "".($dt2[6]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_tel">T&eacute;l&eacute;phone : </label>
            <input type="text" id="form_tel" name="tel" value="<?php echo "".($dt2[7]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_faxe">Faxe : </label>
            <input type="text" id="form_faxe" name="faxe" value="<?php echo "".($dt2[8]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_couriel">Couriel : </label>
            <input type="text" id="form_couriel" name="couriel" value="<?php echo "".($dt2[9]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_web">Web : </label>
            <input type="text" id="form_web" name="web" value="<?php echo "".($dt2[10]).""?>" disabled="true"/>
        </p>
    </fieldset>
    <fieldset>
    <legend align="top">Renseignements</legend>
        <p>
            <label for="form_ape">Code APE : </label>
            <input type="text" id="form_ape" name="ape" value="<?php echo "".($dt2[1]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_siret">Num SIRET/SIREN : </label>
            <input type="text" id="form_siret" name="siret" value="<?php echo "".($dt2[2]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_nbsalarie">Nombre de salari&eacute; : </label>
            <input type="text" id="form_nbsalarie" name="nbsalarie" value="<?php echo "".($dt2[12]).""?>" disabled="true"/>
        </p>
    </fieldset>
    <fieldset>
    <legend align="top">Informations compl&eacute;mentaires</legend>
        <p>
            <label for="form_dateenregistrement">Date enregistrement : </label>
            <input type="text" id="form_dateenregistrement" name="dateenregistrement" value="<?php echo "".($dt2[13]).""?>" disabled="true"/>
        </p>
        <p>
            <label for="form_dateenregistrement">Date dernier stage : </label>
            <input type="text" id="form_datedernstage" name="dateenregistrement" disabled="true"/>
        </p>
        <p>
        <label for="form_activite">Activit&eacute; principale : </label>
        <input type="text" id="form_activite" name="activite" disabled="true"/>
        </p>
        <p>
        <label for="form_missions">Exemples de missions : </label>
        <input type="text" id="form_missions" name="missions" disabled="true"/>
        </p>
    </fieldset>
    <fieldset>
    <legend align="top">Contacts</legend>
        <p>
        <label for="form_contact">Contact : </label>
        <?php 
        // affichage des sous-catégorie appartenant à la première catégorie.
        echo "<select size='1' name='contact'>";  
        $rq="Select * from tuteur where codeentreprise=".$_POST['id'].";";
        $result= mysql_query ($rq) or die ("Select impossible");
        // $k = initialise le variable k
        $k=0;
        while ($dt=mysql_fetch_row($result))
        {
        echo "<option value=".utf8_encode($dt[0]).">".($dt[1])." ".utf8_encode($dt[2])." ".($dt[3])."</option><br>";
        }   
        echo "</select>";
        ?>
        <?php
        $requete="SELECT * from tuteur Where Codetuteur=".$_POST['id']."";
        $resultrequete= mysql_query ($requete) or die ("Select impossible");
        $k =0;
        $dt3=mysql_fetch_row($resultrequete);
        ?>
        <p>
        <label for="form_teltuteur">T&eacute;l&eacute;phone : </label>
        <input type="text" id="form_teltuteur" name="teltuteur" value="<?php echo "".($dt3[4])."" ?>" disabled="true"/>
        </p>
        <p>
        <label for="form_courieltuteur">Couriel : </label>
        <input type="text" id="form_courieltuteur" name="courieltuteur" value="<?php echo"".($dt3[5])."" ?>" disabled="true"/>
        </p>
    </fieldset>
   
   
<?Php
}
?>
mercredi 11 février 2009 à 12:58:52 | Re : listes déroulantes liées

mickael56100

mon problème est que lorque je change de tuteur pour une entreprise cela ne m'affiche pas le numéro de telephone ni le courriel
est ce que quelqu'un pourrait m'aider.

je pense que le pb vient de cette parie du code de la page entreprises.php

<?php
        // Séléction de tous les enregistrements de la table Tuteur
   $rq1="Select * from tuteur WHERE codeentreprise=".$j.";";
   $result1= mysql_query ($rq1) or die ("Select impossible");
   echo "<form method='POST' action='valid.php'>";?>   <select size="1" name="contact" OnChange="sendData('id='+this.value,'include/consultentreprises.php')" onKeyUp="sendData('id='+this.value,'include/consultentreprises.php')">
<?php    



et de celle ci de la page consulentreprises.php


<?php 
        // affichage des sous-catégorie appartenant à la première catégorie.
        echo "<select size='1' name='contact'>";  
        $rq="Select * from tuteur where codeentreprise=".$_POST['id'].";";
        $result= mysql_query ($rq) or die ("Select impossible");
        // $k = initialise le variable k
        $k=0;
        while ($dt=mysql_fetch_row($result))
        {
        echo "<option value=".utf8_encode($dt[0]).">".($dt[1])." ".utf8_encode($dt[2])." ".($dt[3])."</option><br>";
        }   
        echo "</select>";
        ?>
        <?php
        $requete="SELECT * from tuteur Where Codetuteur=".$_POST['id']."";
        $resultrequete= mysql_query ($requete) or die ("Select impossible");
        $k =0;
        $dt3=mysql_fetch_row($resultrequete);
        ?>
        <p>
        <label for="form_teltuteur">T&eacute;l&eacute;phone : </label>
        <input type="text" id="form_teltuteur" name="teltuteur" value="<?php echo "".($dt3[4])."" ?>" disabled="true"/>
        </p>
        <p>
        <label for="form_courieltuteur">Couriel : </label>
        <input type="text" id="form_courieltuteur" name="courieltuteur" value="<?php echo"".($dt3[5])."" ?>" disabled="true"/>
        </p>
    </fieldset>
mercredi 11 février 2009 à 18:08:23 | Re : listes déroulantes liées

mickael56100

POur vraiment résumer ce que je voudrais c'est recuperer le valuede ma balise option dans ma requete sql permettant dafficher les infirmations d'un contact, car avec le code actuel, les informations affichées correspondes au codeentreprise et non au codetuteur ainsi le

<?php
        $requete="SELECT * from tuteur Where Codetuteur=".$_POST['id']."";
        $resultrequete= mysql_query ($requete) or die ("Select impossible");
        $k =0;
        $dt3=mysql_fetch_row($resultrequete);
        ?>

me permet de selectionner les données du tuteur de code = (codeentreprise)
or je souhaiterais afficher les infos du tuteur de code = (codetuteur) celui selectionné ds la liste déroulante


jeudi 12 février 2009 à 18:42:52 | Re : listes déroulantes liées

PetoleTeam

Membre Club
Bonjour,
à la lecture de tes derniers envois je pense qu'il serait plus approprié que tu poses ton problème sur http://www.phpcs.com/
moi y a pas causer le PHP...SORRY!
;O)
jeudi 12 février 2009 à 23:03:37 | Re : listes déroulantes liées

mickael56100

c'est possible de déplacer une conversation entière?


Cette discussion est classée dans : classe, option, listes, liées, déroulantes


Répondre à ce message

Sujets en rapport avec ce message

listes déroulantes liées en php [ par ludovic31000 ] J'ai un petit problème!!!Je voudrais créer des listes déroulantes liées les unes aux autres en récupérants les informations dans une base de données.. Listes déroulantes liées (requêtes sql + php) [ par orelien ] Bonjour,J'aimerais relier deux listes déroulantes remplies par une base de données. La première correspond à la table "rubriques" et l'autre à la tabl listes déroulantes liées avec champs d'une MEME table [ par vir76 ] Bonjour tout le monde,Je désèspère car je n'arrive toujours pas à lier mes 2 listes déroulantes comportant des champs de la même table.Donc, j'ai un s Réinitialiser un OPTION avec du code JS [ par whombat ] Bonjour à tous,J'ai sur ma page HTML et PHP (avec du JS) toute une série de listes déroulantes, une par lettre de l'alphabet.Le visiteur doit choisir 3 Listes liées [ par cool27 ] Bonsoir à tous!J'ai besoin de créer 3 listes liées dans un formulaire avec Ajax. Le problème c'est que je ne connaît pas Ajax et que je suis pressé pa ecriture fichier de listes liées [ par corsamobile ] bonjour à tous,je viens de créer pour mon site internet une page avec des listes liées dont toutes les données se trouve dans une BDD, maintenant j'ai Personnaliser mes listes déroulantes [ par ajan ] Bonjour,ça fait quelques temps que je code en java, mais je n'ai pas encore toutes les subtilités de la feuille de style. J'aimerais que toutes mes li listes déroulantes [ par jphilippev ] bonjour j'ais créé deux listes      Solo   Groupe   <option value='Compagnie'&gt rafraichir liste déroulante par calendrier [ par elisabeth_nov ] Bonjour,Alors j'ai créer un calendrier et plusieurs listes déroulantes, ce que je voudrais c'est lorsque je choisi un jour de mon calendrier, les list Problème avec listes liées AJAX [ par Vins974 ] Bonjour ,J'ai un problème.. Je crée un site internet, et j'ai utilisé AJAX. Pour pouvoir effectuer trois listes liées.. Elles sont donc chacune dépend


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,920 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales