Addition automatique

Signaler
Messages postés
62
Date d'inscription
mercredi 29 août 2012
Statut
Membre
Dernière intervention
19 mai 2013
-
Bonjour à tous, je galère avec cet ébauche de formulaire qui additionne automatiquement verticalement. J'obtient un résultat en utilisant les champs 1 et 2, quand je fait le calcul automatique horizontal des champs 3 et 4 j'ai la somme qui s'inscrit mais l'addition verticale ne se fait pas.
Si je commence par les champs 3 et 4 et ensuite les champs 1 et 2 ça fonctionne.
Je ne sait pas si je suis clair mais je joint le script.
Merci d'avance pour votre aide.

<html>

<form method="post" id="formulaire">
<script language="JavaScript" type="text/javascript">
<!--
function sum_elements(){
var somme=0;
var result = document.getElementById('somme');
for(var i = 1; i<=4; i++){
var element = document.getElementById('chps'+i);
if(element.value!='' && !isNaN(element.value)){
somme += parseFloat(element.value);
}
}
result.value = somme;
}
//-->
</script>
Formulaire 1,
,
,

----

Champs 1 ->,
nombre X prix U =,
,

----

Champs 2 ->,
nombre X prix U =,
,

<script language=\"JavaScript\" type=\"text/javascript\">
<!--
function calculchps3()
{
var chps3= document.getElementById(\"formulaire\").elements[\"nbre3\"].value * document.getElementById(\"formulaire\").elements[\"prix3\"].value;
document.getElementById(\"formulaire\").elements[\"chps3\"].value=chps3;
}
//-->
</script>
----

Champs 3 ->
longueur
X,
prix du m = =,
,

<script language=\"JavaScript\" type=\"text/javascript\">
<!--
function calculchps4()
{
var chps4= document.getElementById(\"formulaire\").elements[\"nbre4\"].value * document.getElementById(\"formulaire\").elements[\"prix4\"].value;
document.getElementById(\"formulaire\").elements[\"chps4\"].value=chps4;
}
//-->
</script>
----

Champs 4 ->
longueur
X,
prix du m = =,
,

----

,
Total ,



</form>

</html>