IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

PHP & Base de données Discussion :

Formulaire "conditionnel" ? [MySQL]


Sujet :

PHP & Base de données

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2011
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2011
    Messages : 59
    Par défaut Formulaire "conditionnel" ?
    Bonjour ne sachant pas dans quel rubrique cela pourrait aller je poste ici^^

    Donc voila je fais un moteur de recherche pour un site que l'on ma demander de faire et j'aimerais une fonctionnalité pour que la navigation soit plus simple.

    Je m'explique j'ai 3 liste déroulante et j'aimerais que si par exemple je choisis la marque dans la première liste et je voudrais que la deuxième affiche toute les catégorie de voiture disponible (correspondant à la marque choisi dans la première liste) et enfin la 3eme liste donnera les carburant correspondant à la marque et la catégorie précédemment choisi.

    Je joins le screen pr vous éclairer


    Et voila le code sur lequel j'été parti

    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
     
    $menu_query = "SELECT distinct marque FROM voiture ORDER BY marque" ;
    $result = mysql_query( $menu_query ,$connexion ) or exit("Erreur dans la requête!");
    while( $ligne=mysql_fetch_object($result) )
    { 
          $menu_marque[] = $ligne->marque ;
    }
     
     
    $marq=$_GET['sel_marque'];
    $cat=$_get['sel_cat'];
    ?>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
    <title>Document sans titre</title>
    <style type="text/css">
    <!--
    .button {
    	background: #c7ab1c;
    	background: -webkit-gradient(linear, left top, left bottom, from(#c70a0a), to(#c7ab1c));
    	background: -webkit-linear-gradient(top, #c70a0a, #c7ab1c);
    	background: -moz-linear-gradient(top, #c70a0a, #c7ab1c);
    	padding: 4.5px 9px;
    	-webkit-border-radius: 0px;
    	-moz-border-radius: 0px;
    	border-radius: 0px;
    	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    	box-shadow: rgba(0,0,0,1) 0 1px 0;
    	text-shadow: rgba(0,0,0,.4) 0 1px 0;
    	color: #003;
    	font-size: 13px;
    	font-family: Georgia, serif;
    	text-decoration: none;
    	vertical-align: middle;
    	background-color: #C00;
    	background-position: top;
    	border: 1px inset #FC0;
       }
    .button:hover {
       border-top-color: #0a033b;
       background: #0a033b;
       color: #e8f718;
       }
    .button:active {
       border-top-color: #091f2e;
       background: #091f2e;
       }
       -->
    </style>
     
     
     
    </head>
     
    <body>
    <form name = "recherche" method="get" action="recherche.php" target="résultat" align="right">
      <div align="center">
    <table width="90%" border="0">
      <tr>
        <td><div align="center"><font size="-1"><strong><em><strong><font color="#FF0000" size="-1">RECHERCHE PERSONNALISEE</font></strong></em></strong></font></div></td>
      </tr>
      <tr>
        <td> <center></font> <font size="-1"><strong><em>&nbsp;Marque&nbsp;:</em></strong></font><font color="#FFCC33">
                      <select name="sel_marque">
                        <option value=""><font size="-1">-CHOISISSEZ-</font></option>
                        <?php
     
    	foreach($menu_marque as $valeur)
     
    	{echo "<option value=\"$valeur\">$valeur</option>";}
     
    	?>
                      </select></font></center></td>
      </tr>
      <tr>
     
        <td> 
    	<?
    	$menu_query = "SELECT distinct categorie FROM voiture where marque='.$marq.' ORDER BY categorie" ;
    $result = mysql_query( $menu_query ,$connexion ) or exit("Erreur dans la requête!");
    while( $ligne=mysql_fetch_object($result) )
    { 
          $menu_categorie[] = $ligne->categorie ;
    }
     
    ?>
    	<div align="center">                   
                    <font size="-1"><strong><em>&nbsp;Catégorie&nbsp;:</em></strong></font><font color="#FFCC33">
                      <select name="sel_cab">
                        <?php
     
    	foreach($menu_categorie as $valeur)
     
    	{echo "<option value=\"$valeur\">$valeur</option>";}
     
    	?>
                      </select></div></td>
     
      </tr>
      <tr>
        <td> 
    <?
    $menu_query = "SELECT distinct carburant FROM voiture where marque='.$carb.' and categorie='$cat' ORDER BY carburant" ;
    $result = mysql_query( $menu_query ,$connexion ) or exit("Erreur dans la requête!");
    while( $ligne=mysql_fetch_object($result) )
    { 
          $menu_carburant[] = $ligne->carburant ;
    }
    ?>
    	<div align="center">               
     
                    <font size="-1"><strong><em>&nbsp;Carburant&nbsp;:</em></strong></font><font color="#FFCC33">
                      <select name="sel_cab">
                        <?php
     
    	foreach($menu_carburant as $valeur)
     
    	{echo "<option value=\"$valeur\">$valeur</option>";}
     
    	?>
                      </select></font>
     
      </div></td>
     </tr>
      <tr>
        <td><div align="center">
                      <font color="#FFFFFF">
                    <label><font color="#000000" size="-1"><strong>Budget entre</strong>                </font><font size="-1">
                    <input name="sel_min" type="text" size="5" />
                    </font> </label>
                    <font color="#000000">-                </font>
                    <input name="sel_max" type="text" size="5" />
                    <font color="#000000"><strong>&euro;</strong></font></font></div></td>
      </tr>
      <tr>
        <td><div align="center"> <p><font size="-1"><strong><em>Classé par :</em></strong></font>
        <font size="-1">Prix</font>
                      <input name="sel_tri" type="radio" value="prix" checked="checked" />
                      <font size="-1">Modèle</font>
                      <input name="sel_tri" type="radio" value="modele" />
                      <font size="-1">Km</font>
                      <input name="sel_tri" type="radio" value="kilometre" />
    </div></td>
      </tr>
      <tr>
        <td>  <div align="center">         
          <p><font color="#FFFFFF">
            <input type="submit" class="button" name="Submit1" value="Rechercher" action="rech.php" />
          </font></p>
          <p><font size="3" face="Comic Sans MS"><a href="admin/index.php" TARGET="popup" onClick="window.open('','popup',  'height=600, top=200, left=200, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no')"><img src="Sans titre.gif" height="16px" width="16px"border="0" alt="" align="center" /></a></font></p>
        </div></td>
      </tr>
    </table>
    </form>
    </body>
    </html>
    voila si vous pouviez m'aider je vous en serai fort reconnaissant =D

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonsoir,

    Le tutoriel : Listes liées
    Fait une recherche sur le forum Ajax, tu y trouveras plusieurs discussions résolues.

    A+.

  3. #3
    Expert confirmé
    Avatar de rawsrc
    Homme Profil pro
    Dev indep
    Inscrit en
    Mars 2004
    Messages
    6 142
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Dev indep

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 142
    Billets dans le blog
    12
    Par défaut
    Bonsoir,

    J'ai posté un tuto sur mon blog dvp concernant les listes liées ici

  4. #4
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2011
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2011
    Messages : 59
    Par défaut
    Merci pour vos réponses je vais étudier tout ça^^

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2011
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2011
    Messages : 59
    Par défaut
    Bon me revoila j'ai étudié vos propositions de solutions et j'en ai testé une et j'ai un petit problème.

    Voila les code

    index.php (c'est juste pr tester rapidement sur le serveur^^)
    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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    <html>
    	<head>
    		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
    		<script type='text/javascript'>
    			function getXhr(){
                                    var xhr = null; 
    				if(window.XMLHttpRequest) // Firefox et autres
    				   xhr = new XMLHttpRequest(); 
    				else if(window.ActiveXObject){ // Internet Explorer 
    				   try {
    			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
    			            } catch (e) {
    			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
    			            }
    				}
    				else { // XMLHttpRequest non supporté par le navigateur 
    				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    				   xhr = false; 
    				} 
                                    return xhr;
    			}
     
    			/**
    			* Méthode qui sera appelée sur le click du bouton
    			*/
    			function go(){
    				var xhr = getXhr();
    				// On défini ce qu'on va faire quand on aura la réponse
    				xhr.onreadystatechange = function(){
    					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    					if(xhr.readyState == 4 && xhr.status == 200){
    						leselect = xhr.responseText;
    						// On se sert de innerHTML pour rajouter les options a la liste
    						document.getElementById('categorie').innerHTML = leselect;
    					}
    				}
     
    				// Ici on va voir comment faire du post
    				xhr.open("POST","ajaxmarque.php",true);
    				// ne pas oublier ça pour le post
    				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    				// ne pas oublier de poster les arguments
    				// ici, l'id de l'auteur
    				sel = document.getElementById('marque');
    				marque = sel.options[sel.selectedIndex].value;
    				xhr.send("marque="+marque);
    			}
    		</script>
    	</head>
    	<body>
    		<form method='post'>
    			<fieldset style="width: 500px">
    				<legend>Liste liées</legend>
    				<label>marque</label>
    				<select name='marque' id='marque' onchange='go()'>
    					<option value='-1'>choisir une marque</option>
    					<?
    						mysql_connect("********", "******","******"); 
    						mysql_select_db("my118427");
    						$res = mysql_query("SELECT distinct marque FROM voiture ORDER BY marque");
    						while($row = mysql_fetch_assoc($res)){
    							echo "<option value='".$row["marque"]."'>".$row["marque"]."</option>";
    						}
    					?>
    				</select>
    				<label>categorie</label>
    				<div id='categorie' style='display:inline'>
    				<select name='categorie'>
    					<option value='-1'>Choisir une categorie</option>
    				</select>
    				</div>
    			</fieldset>
    		</form>
    	</body>
    </html>
    ajaxmarque.php

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <?php
    	echo "<select name='categorie'>";
    	if(isset($_POST["marque"])){
    		mysql_connect("*******", "******","*******");
    		mysql_select_db("my118427");
    		$res = mysql_query("SELECT distinct categorie FROM voiture 
    			WHERE marque=".$_POST["marque"]." ORDER BY categorie");
    		while($row = mysql_fetch_assoc($res)){
    			echo "<option value='".$row["categorie"]."'>".$row["categorie"]."</option>";
    		}
    	}
    	echo "</select>";
    ?>
    Donc mon probleme c'est que la liste déroulante correspondante aux marque s'affiche nickel =D , mais celle des categorie ne bouge absolument pas =s .
    Donc j'ai ma ptite idée sur la question et je voulais vous demander votre avis

    selon moi l'erreur viens des egtelementbyID étant donné que les donnée que je leur donne ne sont pas des id mais directement des nom de colonne^^
    Donc dites moi si c'est cela ou comment y remédier svp.

    (oui j'ai recopier le code mais aprés moult relecture ^^ et je pense le comprendre enfin dans les grande ligne^^)

    Merci d'avance!

  6. #6
    Expert confirmé
    Avatar de rawsrc
    Homme Profil pro
    Dev indep
    Inscrit en
    Mars 2004
    Messages
    6 142
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Dev indep

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 142
    Billets dans le blog
    12
    Par défaut
    Est-ce que ta ligne <option value='-1'>choisir une marque</option> disparait une fois que tu as changé la sélection de la liste des marques ?
    Testes ton script ajaxmarque.php en posant au début un echo $_POST['marque']; histoire de voir si le paramètre passe.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [MySQL] formulaire et double quotes
    Par matio dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 06/03/2007, 17h34

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo