Deux listes deroulante liées qui affichent un resultat

Fermé

tajadin Messages postés 4 Date d'inscription samedi 30 novembre 2013 Statut Membre Dernière intervention 3 décembre 2013 - Modifié par tajadin le 30/11/2013 à 12:38
tajadin Messages postés 4 Date d'inscription samedi 30 novembre 2013 Statut Membre Dernière intervention 3 décembre 2013 - 3 déc. 2013 à 08:29

Bonjour :

Je suis entrain de concevoir un site web pour l'université . ce dernier propose des actualités et des informations concernant l université et aussi un espace qui présente la formation : cet espace de formation , a son tour qui comporte plusieurs filières chaque filière mène vers deux pages soit : une première page dédiée a la présentation de la filière .(a savoir que la formation dans chaque filière dure 3 ans )

- soit une deuxième page qui mène a l'espace des TD-TP-EXAMENS ( c'est dans cette page ou se présente le problème)

j ai pu creer deux listes deroulantes liées : la premiere contient trois choix concernant l année d'etude (Premiere Année-Deuxieme Année -Troisieme Année ) et la deuxieme liste comporte deux choix : (Semestre 1,Semestre2) si l etudiant etait en premiere année ou bien (Semestre 3,semestre4) Si l etudiant est en deuxieme année ou (Semestre 5, Semestre 6) si il est en 3 eme année.

jusqu'à ce stade la il n y a aucun probleme.

Le Problème est le suivant : apres une longue recherche sur le fameux Google mais aucun resultat satisfaisant ;

1/- j aimerai bien savoir comment faire pour que dès que l'etudiant choisit son niveau et le semestre , et apres qu'il clique sur un boutton " Recherche " l ensemble des examens et Td et TP adéquats s'affichent juste en dessous du bouton recherche sous forme de lien de telechargement

2/- aussi j aimerai bien savoir comment trier ces résultats selon leur catégories : Examen ( soit juste afficher dans la <div> Examens) et TD (dans la <div> travaux Dirigés ) et TP ( au seins de la div Travaux pratiques)

voila mon code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-FR" lang="fr-FR"> 
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset="UTF-8" />
        <meta http-equiv="Content-Language" content="fr-FR" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
     
        <title>Formation Génie Informatique TP</title>
         
         
         
         
        <!-- superfish -->
        <link rel="stylesheet" type="text/css" media="screen" href="css/superfish-custom.css" />
        <script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
        <script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
        <!-- ENDS superfish -->
         
         
        <!-- CSS -->
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/spring.css" type="text/css" media="screen" />
        <!--[if IE 6]>
            <link rel="stylesheet" type="text/css" media="screen" href="css/ie-hacks.css" />
                    <script type="text/javascript">
  
function choisir()
{
 var liste = document.getElementById("select");
 var deuxiemeannée = liste.selectedIndex;
 var valeur = liste.options[deuxiemeannée].value;
 var div = document.getElementById("liste2");
 var select1 = '<select name="select2"> <option value="a">Semestre 1</option> <option value="autresLettres">Semestre 2</option>  </select>' // ta liste déroulante alphabétique
 var select2 = '<select name="select3"> <option value="0">Semestre 3</option> <option value="numeros">Semestre 4</option>  </select>' // ta liste déroulante des chiffres
var select3 = '<select name="select4"> <option value="a">Semestre 5</option> <option value="autresLettres">Semestre 6</option>  </select>' // ta liste déroulante alphabétique
           
   if(valeur == "Premiere Année") // si ta valeur est alphabet, on insère le select1
   {
   div.innerHTML = select1
   }
   if(valeur == "Deuxieme Année") // si ta valeur est chiffre, on insère le select2
   {
   div.innerHTML = select2
   }
   if(valeur == "Troisieme Année") // si ta valeur est chiffre, on insère le select2
   {
   div.innerHTML = select3
   }
}
</script>
         
         
         
         
    </head>
    <body>
    <!-- WRAPPER -->
    <div id="wrapper">   
    <!-- MAIN -->
    <div id="main">
        <p class="section-title" style="margin-bottom:0px;"><span class="title custom">Formation Genie Informatique </span><span class="desc"><i>Traveaux Pratiques,Dirigés et examens .</i></span></p>
         
            </div></center>
                 
            <div>
                <center>
<from action="#" methode="post">
<p>
                      <label for="select" style="font-variant: small-caps;margin-right: 30px;">Choisissez Votre Année :<select name="select" id="select" onChange="choisir()"></label>
                      <label for="Premiere Année"> Choisissez Votre Année<option value="Premiere Année" id="Premiere Année">Premiere Année</option></label>
                      <label for="Deuxieme Année"> <option value="Deuxieme Année" id="Deuxieme Année">Deuxieme Année</option></label>
                     <label for="Troisieme Année"> <option value="Troisieme Année" id="Troisieme Année">Troisieme Année</option></label>
                       </select>
                        
                </p>
                  
                <div id="liste2">
                        <p style="font-variant: small-caps;">Choisissez le Semestre d'Etudes:<select id="select2" name="select2"> <option value="Semestre 1">Semestre 1</option> <option value="Semestre 2">Semestre 2</option></select></p>
                </div>
                
                     
                    <input type="submit" name="submit" id="submit" value="Rechercher">
                     
                       </from>
            </div></center>
        <div class="one-col">
             
            <div class="col">
                 
                <h3 class="custom title-1"style=" font-variant: small-caps;">TP | TD | EXAMENS </h3>
                 
                <h5 class="toggle-trigger custom" ><a href="#">Traveaux Pratiques</a></h5>
                 
                 
                <h5 class="toggle-trigger custom"><a href="#">Traveaux Diriges </a></h5>
                 
                <h5 class="toggle-trigger custom"><a href="#"> Examens </a></h5>
                 
            </div>           
        </div>
         
         
    </div>
     
    </div>
    <!-- ENDS WRAPPER -->
 
    </body>
</html>

Merci d'avance.

A voir également:

Deux listes deroulante liées qui affichent un resultat
Liste déroulante excel - Guide
Liste déroulante en cascade - Guide
Lexer resultat - Télécharger - Sport
Deux ecran pc - Guide
J'ai deux compte facebook avec la meme adresse mail ✓ - Forum Facebook

1 réponse

Réponse 1 / 1

tajadin Messages postés 4 Date d'inscription samedi 30 novembre 2013 Statut Membre Dernière intervention 3 décembre 2013
3 déc. 2013 à 08:29

aucun coup de main ??

Discussions similaires

Un seul de mes écouteurs marche. Que faire ?

Récupérer un résultat selon la date d'aujourd'hui

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer le contenue d'une cellule avec liste déroulante