[RESOLU] Affichage de résultats d'un questionnaire

21 déc. 2015, 15:35

Bonjour tout le monde.

Total débutant en php, ceci est mon 1er message sur ce forum. En espérant trouver une réponse à mon problème qui est le suivant:

Il m'a été demandé de créer un questionnaire tout simple dont je dois récupérer les réponses (des notes de 0 à 10).

Quand je le teste en local, je constate que la réponse affichée est celle de la dernière question attribuée à toutes les autres questions, comme vous pouvez le voir dans l'image suivante:

J'ai essayé un tas de choses, mais mes connaissances sont vraiment très limitées

Voici mon code html :

Code : Tout sélectionner

<?php include('inc/header.php'); ?>
        	
<section class="container" id="main">

<!-- Start TPI-S container -->
<div id="survey_container">

	<div id="top-wizard">
		<strong style="color:#fff; font-size:16px;"></strong>
		<div id="progressbar"></div>
		<div class="shadow"></div>
	</div>
    
	<form name="survey_container" action="responses.php" method="POST">
	<div id="middle-wizard">
    
    <div class="step">
				<div class="row">
					<h3 class="col-md-8 col-md-offset-4">Good morning  <span style="font-weight: 800;color:#00AEEF;margin-left:5px;">John Doe.</span> </h3>
					<h4 style="text-align:center;margin-bottom:25px;font-size:14px;"> Please log in  with you email and the password you received.<br></h4>
					<div class="col-md-8 col-md-offset-2">
						<ul class="data-list">
							<li><input type="email" name="email" class="required form-control" placeholder="Email"></li>
							<li><input type="password" name="password" class="required form-control" placeholder="Password"></li>
						</ul>
					</div>

				</div> 

	</div><!-- Fin connexion-->
            
            <div class="step row" >
            <h3 style="text-align:center;margin-bottom:45px;">
					Please score each question on a scale of 0-10:<br> 
					0 = Not at all / Never<br>
					10 = Yes absolutely / Always</h3>
						<div class="col-md-10 col-md-offset-1">

                        <ul class="data-list-2" >
						<h4>Question 1</h4>
						
						<li>
							<div class="styled-select">
								<select class="form-control required" name="answer">
									<option value="Select" selected>Please select</option>
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
									<option value="10">10</option>
								</select>
							</div>
							</li>
									<hr>
							 <h4>Question 2</h4>
							<li>
							<div class="styled-select">
								<select class="form-control required" name="answer">
									<option value="" selected>Please select</option>
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
									<option value="10">10</option>
								</select>
							</div>
							</li>
									<hr>
							<h4>Question 3</h4>
							<li>
							<div class="styled-select">
								<select class="form-control required" name="answer">
									<option value="" selected>Please select</option>
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
									<option value="10">10</option>
								</select>
							</div>
							</li>
									<hr>
							<h4>Question 4</h4>
							<li>
							<div class="styled-select">
								<select class="form-control required" name="answer">
									<option value="" selected>Please select</option>
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
									<option value="10">10</option>
								</select>
							</div>
							</li>
									<hr>
							<h4>Question 5</h4>
							<li>
							<div class="styled-select">
								<select class="form-control required" name="answer">
									<option value="" selected>Please select</option>
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
									<option value="7">7</option>
									<option value="8">8</option>
									<option value="9">9</option>
									<option value="10">10</option>
								</select>
							</div>
							</li>


                        </ul>                        
				</div>
		   </div><!-- Fin groupe questions 1-->


           
            
              
              <div class="submit step complete" id="#">
                    	
                    	<i class="icon-check"></i>

						<h3>Done! Thank you.</h3>
						<button type="submit" name="process" class="submit">Submit</button>
					</div>
                    
                    </div>-

                    <div id="bottom-wizard">
                        <button type="button" name="back" class="backward">Back</button>
                        <button type="button" name="next" class="forward">Next </button>
                    </div>
	</form>
    
</div><!-- Fin Questionnaire -->
</section><!-- Fin Conteneur Principal -->
       
<?php include('inc/footer.php'); ?>

Et mon code php :

Code : Tout sélectionner

<?php include('inc/header.php'); 

	
	

$email 		= $_POST["email"];
$password 	= $_POST["password"];
$answer 	= $_POST["answer"];

?>
        	
            

<section class="container" id="main">

<!-- Start TPI-S container -->
<div id="survey_container">

	<div id="top-wizard">
		<strong style="color:#fff; font-size:16px;"></strong>
		<div id="progressbar"></div>
		<div class="shadow"></div>
	</div>
    
	
	<div id="middle-wizard">
    
 	
            
            <div class="step row" >
            <h3 style="text-align:center;margin-bottom:45px;">
					<h1>Answers</h1>


						<div class="col-md-10 col-md-offset-1">

						<p>Email : <span id="email"> <?=$email ?> </span></p>
						<p>Password : <span id="password"> <?=$password ?> </span></p>

                        <ul class="data-list-2" >
							<h4>Question 1 </h4>
						
						
						
								<span id="answer"> <?php echo $answer; ?> </span></p>
						
						
									<hr>
							 <h4>Question 2</h4>
						
						
								<span id="answer"> <?php echo $answer; ?> </span></p>
						
						
									<hr>
							<h4>Question 3</h4>
						
						
								<span id="answer"> <?php echo $answer; ?> </span></p>
						
						
									<hr>
							<h4>Question 4</h4>
						
						
								<span id="answer"> <?php echo $answer; ?> </span></p>
						
						
									<hr>
							<h4>Question 5</h4>
						
						
								<span id="answer"> <?php echo $answer; ?> </span></p>
						
						


                        </ul>                           
				</div>
		   </div><!-- Fin groupe questions 1-->


           
             
              
           

    
</div><!-- Fin Questionnaire -->
</section><!-- Fin Conteneur Principal -->
       
<?php include('inc/footer.php'); ?>

J'avoue ne pas savoir quoi faire...

Merci d'avance de m'avoir lu.

21 déc. 2015, 15:53

Il faut que tu donne un attribut name différend à chaque balise select.

Tu pourra ainsi récupèrer différentes réponses
$answer1 = $_POST["answer1"];
$answer2 = $_POST["answer2"];
$answer3 = $_POST["answer3"];

et réattribuer chacune à la question respective

21 déc. 2015, 15:59

Bonjour Spols et merci pour ta réponse!

J'ai essayé ce que tu m'as suggéré mais là je n'ai plus de réponses qui s'affichent

Voilà ce que j'ai fait :

Code : Tout sélectionner

<?php include('inc/header.php'); 

	
	

$email 		= $_POST["email"];
$password 	= $_POST["password"];
$answer1 	= $_POST["answer1"];
$answer2 	= $_POST["answer2"];
$answer3 	= $_POST["answer3"];
$answer4 	= $_POST["answer4"];
$answer5 	= $_POST["answer5"];

?>
        	
            

<section class="container" id="main">

<!-- Start TPI-S container -->
<div id="survey_container">

	<div id="top-wizard">
		<strong style="color:#fff; font-size:16px;"></strong>
		<div id="progressbar"></div>
		<div class="shadow"></div>
	</div>
    
	
	<div id="middle-wizard">
    
 	
            
            <div class="step row" >
            <h3 style="text-align:center;margin-bottom:45px;">
					<h1>Answers</h1>


						<div class="col-md-10 col-md-offset-1">

						<p>Email : <span id="email"> <?=$email ?> </span></p>
						<p>Password : <span id="password"> <?=$password ?> </span></p>

                        <ul class="data-list-2" >
							<h4>Question 1 </h4>
						
						
						
								<span id="answer"> <?php echo $answer1; ?> </span></p>
						
						
									<hr>
							 <h4>Question 2</h4>
						
						
								<span id="answer"> <?php echo $answer2; ?> </span></p>
						
						
									<hr>
							<h4>Question 3</h4>
						
						
								<span id="answer"> <?php echo $answer3; ?> </span></p>
						
						
									<hr>
							<h4>Question 4</h4>
						
						
								<span id="answer"> <?php echo $answer4; ?> </span></p>
						
						
									<hr>
							<h4>Question 5</h4>
						
						
								<span id="answer"> <?php echo $answer5; ?> </span></p>
						
						


                        </ul>                           
				</div>
		   </div><!-- Fin groupe questions 1-->

Ai-je loupé quelque chose ?

Merci encore!

21 déc. 2015, 16:04

Il faut que tu modifie également ton fichier html
<select class="form-control required" name="answer1">
en mettant le numéro de la question par exemple

Edit :
Autre petit conseil,
évite les balise php <?= car ce n'est pas pris en charge sur tout les serveur. prefère <?php echo
Tes balises span ont toutes le même attribut id. Tous les id d'une page web doivent être unique. Dans ce cas ci, l'attribut class serait plus indiqué. (pense à corriger aussi ta CSS)

21 déc. 2015, 16:08

Ça fonctionne parfaitement!!

Merci beaucoup Spols!

Il fait bon ici. Je reviendrai

[RESOLU] Affichage de résultats d'un questionnaire

Qui est en ligne