Total d'un tableau par XavierGrégoire - page 1

Bonsoir,

Je souhaite dans mon tableau suivant, faire le total des différents prix obtenu de chaque ligne

Voir l'exemple isi : http://bricomousse.be/prix2.html

          <td valign="top" width="100%">
            
		
	
		  
  
            <div class="tableauPrix">
  
	
		
            <div id="labelPrix">
		
			
            <ul>

			
				<li class="c1">MOUSSE</li>

				

				<li class="c3">&Eacute;PAISSEUR</li>

				<li class="c5">LONGUEUR</li>

				<li class="c6">LARGEUR</li>

				<li class="c7">PRIX</li>

				

			
            </ul>

			
		</div>

			
		
            <div id="inputPrix">
		
			 
            <form>
			 
			 
				
              <ul>

				
					<li class="c1"><b><span style="color:#FF8D00;"> 25Kgr</b></span> ferme (siège), <b><span style="color:#FF8D00;">23Kgr</b></span> très souple (Dos)</li>

					
					

					
					<li class="c3"> 
					<input class="epaisseur" value="" name="epaisseur" type="text">
						<span>cm</span>
					    
					</li>
					
					
					<li class="c4">	
						<input id="rapportPrix" class="rPrix" value="400" name="rapportPrix" type="hidden">
						<input id="rapportPrix2" class="rPrix2" value="375" name="rapportPrix2" type="hidden">
						<input id="rapportPrix3" class="rPrix3" value="345" name="rapportPrix3" type="hidden">

					</li>

					
					<li class="c5"> 						
						<input class="longueur" value="" name="longueur" type="text">
						<span>cm</span>
					</li>


					<li class="c6">						
						<input class="largeur" value="" name="largeur" type="text">
						<span>cm</span>
					
					</li>


					<li class="c7">
						<input id="btnCalcul" class="button" value="" type="button">
						<input class="prix prixAffichage" name="prix" value="" readonly="readonly" type="text">
					</li>
                
                	
				
				
              </ul>
                
              <ul>    
                
                	<li class="c1"><b><span style="color:#FF8D00;"> 30Kgr</b></span> souple ou ferme (sièges)</li>

					
					

					
					<li class="c3"> 
					<input class="epaisseur" value="" name="epaisseur" type="text">
						<span>cm</span>
					    
					</li>
					
					
					<li class="c4">	
						<input id="rapportPrix" class="rPrix" value="475" name="rapportPrix" type="hidden">
						<input id="rapportPrix2" class="rPrix2" value="445" name="rapportPrix2" type="hidden">
						<input id="rapportPrix3" class="rPrix3" value="410" name="rapportPrix3" type="hidden">

					</li>

					
					<li class="c5"> 						
						<input class="longueur" value="" name="longueur" type="text">
						<span>cm</span>
					</li>


					<li class="c6">						
						<input class="largeur" value="" name="largeur" type="text">
						<span>cm</span>
					
					</li>


					<li class="c7">
						<input id="btnCalcul" class="button" value="" type="button">
						<input class="prix prixAffichage" name="prix" value="" readonly="readonly" type="text">
					</li>
                
                	
				
				
              </ul>
			   <ul>    
                
                	<li class="c1"><b><span style="color:#FF8D00;"> 30 kg</b></span> ignifugée ferme et <b><span style="color:#FF8D00;">35kg</b></span> très ferme</li>

					
					

					
					<li class="c3"> 
					<input class="epaisseur" value="" name="epaisseur" type="text">
						<span>cm</span>
					    
					</li>
					
					
					<li class="c4">	
						<input id="rapportPrix" class="rPrix" value="615" name="rapportPrix" type="hidden">
						<input id="rapportPrix2" class="rPrix2" value="575" name="rapportPrix2" type="hidden">
						<input id="rapportPrix3" class="rPrix3" value="535" name="rapportPrix3" type="hidden">

					</li>

					
					<li class="c5"> 						
						<input class="longueur" value="" name="longueur" type="text">
						<span>cm</span>
					</li>


					<li class="c6">						
						<input class="largeur" value="" name="largeur" type="text">
						<span>cm</span>
					
					</li>


					<li class="c7">
						<input id="btnCalcul" class="button" value="" type="button">
						<input class="prix prixAffichage" name="prix" value="" readonly="readonly" type="text">
					</li>
                
                	
				
				
              </ul>
                 <ul>    
                
                	<li class="c1 "><b><span style="color: #5EA6FD;"> 38 kg ferme haute resiliance</b></span> (pour siège/matelas)</li>

					
					

					
					<li class="c3"> 
					<input class="epaisseur" value="" name="epaisseur" type="text">
						<span>cm</span>
					    
					</li>
					
					
					<li class="c4">	
						<input id="rapportPrix" class="rPrix" value="715" name="rapportPrix" type="hidden">
						<input id="rapportPrix2" class="rPrix2" value="670" name="rapportPrix2" type="hidden">
						<input id="rapportPrix3" class="rPrix3" value="620" name="rapportPrix3" type="hidden">

					</li>

					
					<li class="c5"> 						
						<input class="longueur" value="" name="longueur" type="text">
						<span>cm</span>
					</li>


					<li class="c6">						
						<input class="largeur" value="" name="largeur" type="text">
						<span>cm</span>
					
					</li>


					<li class="c7">
						<input id="btnCalcul" class="button" value="" type="button">
						<input class="prix prixAffichage" name="prix" value="" readonly="readonly" type="text">
					</li>
                
                
				
              </ul>
				
			 
			 </form>

		
		</div>

		
		
            <div id="legendBox1">
		      
			
            <div class="roundedLeft">
		
				
            <ul>
					<li> <b><span style="color:#FF8D00;">23kgr, 25kgr, 30kgr, 35kgr mousse Polyether</b></span> </li>
					
				
            </ul>

			
			</div>

			
			
            <div class="roundedRight">
				
				
            <ul>
			
            
         

				
            </ul>

				
			</div>

		
		</div>

		
		
	</div>

	
          
      
        </tbody>
      </table>

    </td>

  </tr>

  
  
  </tbody>
</table>

Merci pour votre retour.

Cordialement, Xavier

-
Edité par XavierGrégoire 14 octobre 2018 à 18:53:46

XavierGrégoire

14 octobre 2018 à 18:44:01

Zoki_Marciano

14 octobre 2018 à 19:19:23

Attention tu utilises des balises obsolètes tel que valign. De manière générale ton code est mauvais tu dois le refaire mieux que ça en pensant ton code de façon logique. le copier coller de ton code donne un rendu sans queue ni tête.

Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.

15 octobre 2018 à 13:56:17

Merci pour le retour mais actuellement le code fonctionne correctement. L'objet de ma demande était de savoir comment effectuer le total des 4 lignes prix

Cordialement,

Xavier

15 octobre 2018 à 18:51:34

En tout cas le bout de code ne donne rien d’exploitable donc difficile de t'aider. Voilà ce que ca donne :

17 octobre 2018 à 13:12:22

Bonjour,

C'est parce que je n'ai pas mis le fichier css.

C'est pour cette raison que j'avais mis la page en exemple.

Creeping Panda

17 octobre 2018 à 13:32:32

Le post de Zoki ne répond pas à la question.

Côté serveur, en PHP un array_sum ferait l'affaire. Et tu es dans la section PHP du forum. Mais au vu de la demande, c'est du javascript qui t'intéresse.

Tu peux simplement itérer sur tes différents inputs pour additionner leurs valeurs au moment où l'utilisateur clique sur un des boutons, et afficher le résultat où tu veux, faisable en jQuery ou vanilla en quelques lignes sans souci. Mais dans la mesure où tu as déjà ces variables dans ton script CalculPrix%20m3.js, pourquoi tu ne fais pas simplement ce calcul supplémentaire dans le même algo ?

-
Edité par Creeping Panda 17 octobre 2018 à 13:33:04

17 octobre 2018 à 17:57:02

Mon post n'apportait pas de réponse à la question mais demandait plus de précision pour une réponse un minimum constructive :lol:

Total d'un tableau

Total d'un tableau

Supprimer

Modérer

Signaler le message aux modérateurs